.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
@charset "UTF-8";
[v-cloak] {
  display: none !important;
}

/* Base Colors */
/* Brand Colors */
/* Form Colors */
/* Button Colors */
/* Status Colors */
/* Style Guide Colors */
/* Viewports */
/* Page Layout */
.col-1__item-1 {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 2;
  grid-row-end: 2;
}

.col-1__item-2 {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 3;
  grid-row-end: 3;
}

.col-1__item-3 {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 4;
  grid-row-end: 4;
}

.col-1__item-4 {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 5;
  grid-row-end: 5;
}

.col-2__item-1 {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 2;
}

.col-2__item-2 {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 3;
}

.col-2__item-3 {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 4;
  grid-row-end: 4;
}

.col-2__item-4 {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 5;
  grid-row-end: 5;
}

.col-3__item-1 {
  grid-column-start: 3;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 2;
}

.col-3__item-2 {
  grid-column-start: 3;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 3;
}

.col-3__item-3 {
  grid-column-start: 3;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 4;
}

.col-3__item-4 {
  grid-column-start: 3;
  grid-column-end: 3;
  grid-row-start: 5;
  grid-row-end: 5;
}

.col-4__item-1 {
  grid-column-start: 4;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 2;
}

.col-4__item-2 {
  grid-column-start: 4;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 3;
}

.col-4__item-3 {
  grid-column-start: 4;
  grid-column-end: 4;
  grid-row-start: 4;
  grid-row-end: 4;
}

.col-4__item-4 {
  grid-column-start: 4;
  grid-column-end: 4;
  grid-row-start: 5;
  grid-row-end: 5;
}

/* Responsive Mixins */
.disclosure-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  font-style: italic;
}
.disclosure-text--top-spacing {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.divider-bar {
  position: absolute;
  left: 50%;
  bottom: 0;
  flex-grow: 1;
  display: block;
  background-color: #9dd07c;
  width: calc(100% - 24px);
  height: 1px;
  transform: translateX(-50%);
  z-index: 10;
}
.divider-bar__rectangle {
  background-color: #9dd07c;
  position: absolute;
  left: 50%;
  width: 2.5rem;
  height: 0.25rem;
  margin-left: auto;
  margin-right: auto;
  bottom: -0.125rem;
  transform: translateX(-50%);
  z-index: 1;
}

.link {
  color: #1f5f8e;
}
.link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.link:disabled {
  cursor: not-allowed;
  opacity: 0.8;
}
.link--with-icon {
  display: flex;
  align-items: center;
}
.link__icon {
  margin-right: 0.5rem;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
.page-header {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
@media (min-width: 480px) {
  .page-header {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.full-width-image {
  width: 100%;
  height: auto;
}

/* Page Images */
img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.prose {
  color: #374151;
  max-width: 65ch;
  font-size: 1rem;
  line-height: 1.75;
}
.prose [class~=lead] {
  color: #444;
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose a {
  color: #111827;
  text-decoration: none;
}
.prose a:hover {
  text-decoration: underline;
}
.prose strong {
  color: #111827;
  font-weight: 600;
}
.prose ol[type=A] {
  --list-counter-style: upper-alpha;
}
.prose ol[type=a] {
  --list-counter-style: lower-alpha;
}
.prose ol[type=A s] {
  --list-counter-style: upper-alpha;
}
.prose ol[type=a s] {
  --list-counter-style: lower-alpha;
}
.prose ol[type=I] {
  --list-counter-style: upper-roman;
}
.prose ol[type=i] {
  --list-counter-style: lower-roman;
}
.prose ol[type=I s] {
  --list-counter-style: upper-roman;
}
.prose ol[type=i s] {
  --list-counter-style: lower-roman;
}
.prose ol[type="1"] {
  --list-counter-style: decimal;
}
.prose ol > li {
  position: relative;
  padding-left: 1.75em;
}
.prose ol > li:before {
  content: counter(list-item, var(--list-counter-style, decimal)) ".";
  position: absolute;
  font-weight: 400;
  color: #333;
  left: 0;
}
.prose ul > li {
  position: relative;
  padding-left: 1.75em;
}
.prose ul > li:before {
  content: "";
  position: absolute;
  background-color: #9f9fa0;
  border-radius: 50%;
  width: 0.375em;
  height: 0.375em;
  top: 0.6875em;
  left: 0.25em;
}
.prose hr {
  border-color: #aaa;
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose blockquote {
  font-weight: 500;
  font-style: italic;
  color: #111827;
  border-left-width: 0.25rem;
  border-left-color: #aaa;
  quotes: "“" "”" "‘" "’";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}
.prose blockquote p:first-of-type:before {
  content: open-quote;
}
.prose blockquote p:last-of-type:after {
  content: close-quote;
}
.prose h1 {
  color: #111827;
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose h2 {
  color: #111827;
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose h2 code {
  font-size: 0.875em;
}
.prose h3 {
  color: #111827;
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose h3 code {
  font-size: 0.9em;
}
.prose h4 {
  color: #111827;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose figure figcaption {
  color: #333;
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose code {
  color: #111827;
  font-weight: 600;
  font-size: 0.875em;
}
.prose code:before {
  content: "`";
}
.prose code:after {
  content: "`";
}
.prose a code {
  color: #111827;
}
.prose pre {
  color: #aaa;
  background-color: #1f2937;
  overflow-x: auto;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}
.prose pre code {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: 400;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose pre code:before {
  content: none;
}
.prose pre code:after {
  content: none;
}
.prose table {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
  border-collapse: collapse;
}
.prose thead th,
.prose tbody td {
  padding: 0.5rem;
  border: 1px solid #e6e6e6;
}
.prose thead {
  color: #111827;
  font-weight: 600;
}
.prose thead th {
  vertical-align: bottom;
}
.prose tbody tr {
  border-bottom-width: 1px;
  border-bottom-color: #aaa;
}
.prose tbody tr:last-child {
  border-bottom-width: 0;
}
.prose tbody td {
  vertical-align: top;
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}
.prose p {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose img {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose video {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose figure {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose figure > * {
  margin-top: 0;
  margin-bottom: 0;
}
.prose ol {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose ul {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose > ul > li p {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose > ul > li > *:first-child {
  margin-top: 1.25em;
}
.prose > ul > li > *:last-child {
  margin-bottom: 1.25em;
}
.prose > ol > li > *:first-child {
  margin-top: 1.25em;
}
.prose > ol > li > *:last-child {
  margin-bottom: 1.25em;
}
.prose ul ul,
.prose ul ol,
.prose ol ul,
.prose ol ol {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose hr + * {
  margin-top: 0;
}
.prose h2 + * {
  margin-top: 0;
}
.prose h3 + * {
  margin-top: 0;
}
.prose h4 + * {
  margin-top: 0;
}
.prose > :first-child {
  margin-top: 0;
}
.prose > :last-child {
  margin-bottom: 0;
}
.prose-blue-link a {
  color: #009bc9;
}
.prose-blue-link a:hover {
  transition: ease 0.25s color;
  color: #115795;
}

.content-image {
  max-width: 100%;
  height: auto;
}

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/
html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  /**
  1. Correct the line height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  */
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
  margin: 0;
  /**
  Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
  */
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  /**
   * Reset form element properties that are easy to forget to
   * style explicitly so you don't inadvertently introduce
   * styles that deviate from your design system. These styles
   * supplement a partial reset that is already applied by
   * normalize.css.
   */
  padding: 0;
  color: inherit;
  border: none;
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */
a {
  color: inherit;
  text-decoration: inherit;
}

button,
[role=button] {
  cursor: pointer;
}

.search-shop-products--top-border {
  border-top: 1px solid #ccc;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
  .search-shop-products--top-border {
    padding-bottom: 0;
  }
}
.search-shop-products__header {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 1rem;
}
@media (min-width: 739px) {
  .search-shop-products__header {
    justify-content: left;
  }
}
@media (min-width: 739px) and (min-width: 1024px) {
  .search-shop-products__header {
    justify-content: center;
  }
}
.search-shop-products__header__text {
  font-weight: 700;
  font-style: 1.125rem;
  line-height: 1.75rem;
}
.search-shop-products__icon-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.search-shop-products__icon-container .icon-link {
  color: #ffa200;
}
.search-shop-products__icon-container .icon-link:hover {
  color: #FFB802;
}
.search-shop-products .search-form__button {
  background: #fff;
  height: 42px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
}

.add-to-cart {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
}
@media (min-width: 768px) {
  .add-to-cart {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
}
@media (min-width: 1024px) {
  .add-to-cart--loose {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.add-to-cart__content {
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
}
.add-to-cart__content > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
  margin-bottom: 0rem;
}
.add-to-cart__text {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #222;
  font-weight: 600;
}
.add-to-cart__text--list-price {
  text-decoration: line-through;
  font-weight: 400;
}
.add-to-cart__text--sale-price {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.add-to-cart__text--savings {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #cb2f2a;
  margin-bottom: 1rem;
  font-weight: 400;
}
.add-to-cart__text--xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.add-to-cart-sidebar {
  display: flex;
  flex-direction: column;
  border-width: 1px;
  padding: 1rem;
  background-color: #f8f8f8;
  border-style: solid;
  border-color: #e6e6e6;
}
.add-to-cart-sidebar__row {
  display: flex;
  margin-bottom: 0.5rem;
}
.add-to-cart-sidebar__row--top {
  align-items: center;
}
.add-to-cart-sidebar__row--bottom {
  align-items: center;
  margin-bottom: 0;
  margin-top: 1rem;
}
.add-to-cart-sidebar__row--numbers {
  align-items: baseline;
}
.add-to-cart-sidebar__icon {
  color: #444;
  margin-right: 0.5rem;
}
.add-to-cart-sidebar__header {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #444;
}
.add-to-cart-sidebar__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #444;
}
.add-to-cart-sidebar__text--list-price {
  text-decoration: line-through;
}
.add-to-cart-sidebar__text--sale-price {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-left: 0.75rem;
  font-weight: 700;
}
.add-to-cart-sidebar__text--savings {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #cb2f2a;
  margin-bottom: 1rem;
}

.add-to-cart-sticky {
  background-color: #fff;
  padding: 0.5rem 10rem;
  top: 0;
  width: 100%;
  justify-content: space-between;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 12px 0px;
  display: none;
}
@media (min-width: 1024px) {
  .add-to-cart-sticky--show {
    position: fixed;
    display: flex;
  }
}
.add-to-cart-sticky__img {
  height: 100%;
  width: auto;
  max-width: 90px;
  max-height: 110px;
}
.add-to-cart-sticky__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-left: 1rem;
  margin-top: 1.125rem;
  max-width: 37ch;
}
.add-to-cart-sticky__price-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.add-to-cart-sticky__text {
  font-size: 1rem;
  line-height: 1.5rem;
}
.add-to-cart-sticky__text--price {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.add-to-cart-sticky__text--savings {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #cb2f2a;
  margin-bottom: 1rem;
}

.alert {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 42rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.alert--primary {
  background-color: #d6e1f0;
  color: #004b8d;
}
.alert--primary .alert__icon {
  color: #004b8d;
}
.alert--success {
  background-color: #eef6e9;
  color: #2b8d00;
}
.alert--success .alert__icon {
  color: #2b8d00;
}
.alert--info {
  background-color: #e6e6e6;
  color: #636363;
}
.alert--info .alert__icon {
  color: #636363;
}
.alert--warning {
  background-color: #fcf8dd;
  color: #333;
}
.alert--warning .alert__icon {
  color: #333;
}
.alert--danger {
  background-color: #f5e6e8;
  color: #621315;
}
.alert--danger .alert__icon {
  color: #621315;
}
.alert__content {
  padding-top: 0.85rem;
  padding-left: 0.65rem;
  padding-bottom: 0.85rem;
}
.alert__btn {
  padding: 0.85rem;
  margin-right: 0.65rem;
}
.alert__btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.alert__btn:focus-visible {
  box-shadow: inset 0 0 0 4px #1f5f8e;
}
.alert__icon {
  height: 0.75rem;
  color: #9f9fa0;
}

.alert-box {
  display: flex;
  max-width: 42rem;
  background-color: #e6e6e6;
  font-size: 1rem;
  line-height: 1.5rem;
}
.alert-box__content {
  padding: 1.25rem;
  color: #222;
}
.alert-box__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.825rem;
  font-weight: bold;
}

.migration-alert {
  background-color: #f2c5c2;
  color: #761c19;
  padding: 8px 18px;
  border-radius: 3px;
}

.warning-icon {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #ffa200;
  vertical-align: bottom;
}

.breadcrumbs {
  margin-bottom: 1rem;
}
.breadcrumbs__list {
  display: inline-flex;
  align-items: center;
  background-color: #e6e6e6;
  padding: 0.75rem;
  border-radius: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (min-width: 480px) {
  .breadcrumbs__list {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.breadcrumbs__list > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.5rem;
}
.breadcrumbs__list li:not(:first-child) {
  padding-left: 20px;
}
.breadcrumbs__list li:not(:first-child):before {
  content: "/";
  position: absolute;
  margin-left: -15px;
  overflow: visible;
}
.breadcrumbs__link {
  color: #1b65ab;
}
.breadcrumbs__current {
  color: #222;
}

.jump-skip-btn {
  color: #fff;
  background-color: #222;
  top: -2.5rem;
  position: absolute;
  left: 0;
  padding: 0.5rem;
  z-index: 50;
}
.jump-skip-btn:focus {
  top: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: inset 0 0 0 4px #1f5f8e;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  transition: border 100ms ease-out, background-color 100ms ease-out, box-shadow 100ms ease-out;
  border-width: 1px;
  border-radius: 0.125rem;
  border-style: solid;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border-color: transparent;
}
.btn:disabled {
  opacity: 0.8;
  cursor: not-allowed;
}
.btn--vertical-spacing {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.btn--outline {
  background-color: #fff;
}
.btn--outline.btn--red {
  border-color: #cb0000;
  color: #333;
}
.btn--outline.btn--red:hover {
  background-color: #cb0000;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--outline.btn--green {
  border-color: #6ab443;
  color: #333;
}
.btn--outline.btn--green:hover {
  background-color: #6ab443;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--outline.btn--blue {
  border-color: #1b65ab;
  color: #333;
}
.btn--outline.btn--blue:hover {
  background-color: #1b65ab;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--outline.btn--gray {
  border-color: #444;
  color: #333;
}
.btn--outline.btn--gray:hover {
  background-color: #444;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--outline.btn--cyan {
  border-color: #00ae9d;
  color: #333;
}
.btn--outline.btn--cyan:hover {
  background-color: #00ae9d;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--outline.btn--primary {
  background-color: #fff;
  border-color: #004b8d;
  color: #004b8d;
}
.btn--outline.btn--primary:hover {
  color: #fff;
  background-color: #004b8d;
}
.btn--outline.btn--secondary {
  background-color: #fff;
  border-color: #009bc9;
  color: #009bc9;
}
.btn--outline.btn--secondary:hover {
  color: #fff;
  background-color: #009bc9;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--outline.btn--success {
  background-color: #fff;
  color: #2b8d00;
  border-color: #2b8d00;
}
.btn--outline.btn--success:hover {
  background-color: #2b8d00;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--outline.btn--info {
  background-color: #fff;
  border-color: #333;
  color: #333;
}
.btn--outline.btn--info:hover {
  background-color: #333;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--outline.btn--warning {
  background-color: #fff;
  color: #333;
  border-color: #ffa200;
}
.btn--outline.btn--warning:hover {
  color: #fff;
  background-color: #ffa200;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--outline.btn--danger {
  color: #cb0000;
  border-color: #cb0000;
  background-color: #fff;
}
.btn--outline.btn--danger:hover {
  color: #fff;
  background-color: #cb0000;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--filled {
  color: #fff;
  background-color: #1f5f8e;
}
.btn--filled:hover {
  background-color: #004b8d;
}
.btn--filled.btn--red {
  background-color: #cb0000;
  color: #fff;
}
.btn--filled.btn--red:hover {
  background-color: #980000;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--filled.btn--green {
  background-color: #6ab443;
  color: #fff;
}
.btn--filled.btn--green:hover {
  background-color: #548f35;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--filled.btn--blue {
  background-color: #1b65ab;
  color: #fff;
}
.btn--filled.btn--blue:hover {
  background-color: #144b7f;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--filled.btn--gray {
  background-color: #444;
  color: #fff;
}
.btn--filled.btn--gray:hover {
  background-color: #2b2b2b;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--filled.btn--cyan {
  background-color: #00ae9d;
  color: #fff;
}
.btn--filled.btn--cyan:hover {
  background-color: #007b6f;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--filled.btn--primary {
  background-color: #004b8d;
  color: #fff;
}
.btn--filled.btn--primary:hover {
  background-color: #009bc9;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--filled.btn--primary-alt {
  background-color: #6ab443;
  color: #fff;
}
.btn--filled.btn--primary-alt:hover {
  background-color: #67A33B;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--filled.btn--secondary {
  background-color: #009bc9;
  color: #fff;
}
.btn--filled.btn--secondary:hover {
  background-color: #004b8d;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--filled.btn--secondary-alt {
  background-color: #093c71;
  color: #fff;
}
.btn--filled.btn--secondary-alt:hover {
  background-color: #004b8d;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.btn--filled.btn--success {
  background-color: #2b8d00;
  color: #fff;
}
.btn--filled.btn--success:hover {
  color: #2b8d00;
  background-color: #fff;
  border-color: #2b8d00;
}
.btn--filled.btn--info {
  background-color: #333;
  color: #fff;
}
.btn--filled.btn--info:hover {
  color: #333;
  background-color: #fff;
  border-color: #333;
}
.btn--filled.btn--warning {
  background-color: #ffa200;
  color: #333;
}
.btn--filled.btn--warning:hover {
  background-color: #fff;
  border-color: #ffa200;
}
.btn--filled.btn--danger {
  background-color: #cb0000;
  color: #fff;
}
.btn--filled.btn--danger:hover {
  color: #cb0000;
  background-color: #fff;
  border-color: #cb0000;
}
.btn--filled.btn--transparent {
  border-color: transparent;
  background: transparent;
  color: #115795;
}
.btn--filled.btn--transparent:hover {
  text-decoration: underline;
}
.btn--sm {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1rem;
  font-weight: 400;
  padding: 0.45rem 0.75rem;
}
.btn--md {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem 0.75rem;
  min-width: 90px;
}
.btn--lg {
  padding: 0.6rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.65rem;
  border-radius: 0.2rem;
  border-width: 2px;
  min-width: 140px;
}
@media (min-width: 480px) {
  .btn--lg {
    font-size: 1.2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.btn.btn-start-test, .btn.btn-download-transcript {
  cursor: pointer;
  margin-left: 5px;
}

.start-button-container {
  display: inline;
}

.btn-group {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}

.product-featured-card {
  border: 1px solid #e6e6e6;
  background-color: #f8f8f8;
  display: flex;
  border-width: 1px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.product-featured-card__img-link {
  margin-right: 1rem;
}
.product-featured-card__img {
  height: auto;
  width: 12rem;
}
.product-featured-card__content {
  display: flex;
  flex-direction: column;
}
.product-featured-card__link {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #222;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.product-featured-card__price-box {
  margin-bottom: 0.5rem;
}
.product-featured-card__price {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #222;
}
.product-featured-card__price--strike {
  text-decoration: line-through;
}
.product-featured-card__price--bold {
  font-weight: 700;
}
.product-featured-card__footer-link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1b65ab;
  margin-bottom: 1.25rem;
}

.product-small-card {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 0) {
  .product-small-card {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 768px) {
  .product-small-card {
    grid-column: span 6/span 6;
  }
}
@media (min-width: 1024px) {
  .product-small-card {
    grid-column: span 4/span 4;
  }
}
.product-small-card__link-img {
  margin-bottom: 1rem;
}
.product-small-card__img {
  width: 8rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.product-small-card__title-link {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
  line-height: 1.375;
}
.product-small-card__price {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #222;
}
.product-small-card__price--strike {
  text-decoration: line-through;
}
.product-small-card__price--bold {
  font-weight: 700;
}
.product-small-card__footer-link {
  margin-top: 1rem;
}

.publication-card {
  color: #cb0000;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  box-shadow: 0 0 12px #9f9fa0;
}
.publication-card:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
@media (min-width: 0) {
  .publication-card {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 480px) {
  .publication-card {
    grid-column: span 6/span 6;
  }
}
@media (min-width: 1024px) {
  .publication-card {
    grid-column: span 4/span 4;
  }
}
.publication-card__header {
  font-size: 1.5rem;
  line-height: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0.75rem;
  border-bottom: 2px solid #e6e6e6;
}
.publication-card__content {
  display: flex;
  gap: 1rem;
}
.publication-card__content__img-container {
  width: 33%;
}
.publication-card__content__img-container img {
  max-width: 100%;
  height: auto;
}
.publication-card__content__text {
  width: 66%;
}
.publication-card__text-body {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #444;
  margin-bottom: 1rem;
  flex: 1 1 0%;
}

.article-card {
  padding: 1rem;
}
.article-card__title-link {
  font-size: 1rem;
  line-height: 1.44;
  display: inline-block;
  font-weight: 700;
  color: #115795;
  transition-property: color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.article-card__title-link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.article-card__title-link:hover {
  color: #00ae9d;
}
.article-card__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}
.article-card__date {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #636363;
}
.article-card__button-container {
  margin-top: 1rem;
}

.dropdown {
  font-size: 1rem;
  border-radius: 0.125rem;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  border: solid 1px transparent;
  position: relative;
  transition: all 0.35s ease-in;
}
.dropdown--primary {
  background-color: #004b8d;
  color: #fff;
}
.dropdown--primary .dropdown__icon {
  color: #fff;
}
.dropdown--primary:hover {
  background-color: #1f5f8e;
}
.dropdown--secondary {
  background-color: #fff;
  color: #222;
  border-color: #009bc9;
}
.dropdown--secondary .dropdown__icon {
  color: #222;
}
.dropdown--secondary:hover {
  background-color: #d6e1f0;
}
.dropdown--success {
  background-color: #2b8d00;
  color: #fff;
}
.dropdown--success .dropdown__icon {
  color: #fff;
}
.dropdown--success:hover {
  background-color: #6ab443;
}
.dropdown--info {
  background-color: #636363;
  color: #fff;
}
.dropdown--info .dropdown__icon {
  color: #fff;
}
.dropdown--info:hover {
  background-color: #9f9fa0;
}
.dropdown--warning {
  background-color: #ffa200;
  color: #333;
}
.dropdown--warning .dropdown__icon {
  color: #333;
}
.dropdown--warning:hover {
  background-color: #FFB802;
}
.dropdown--danger {
  background-color: #621315;
  color: #fff;
}
.dropdown--danger .dropdown__icon {
  color: #fff;
}
.dropdown--danger:hover {
  background-color: #cb2f2a;
}
.dropdown--transparent {
  background-color: #fff;
  color: #485865;
}
.dropdown--transparent .dropdown__text:hover {
  color: #115795;
}
.dropdown--transparent .dropdown__icon {
  color: #485865;
}
.dropdown--lg .dropdown__text {
  font-size: 1.25rem;
  margin-right: 1.75rem;
}
.dropdown--lg .dropdown__btn {
  padding: 0.75rem 2rem;
}
.dropdown--lg .dropdown__content__link {
  font-size: 1.25rem;
}
.dropdown--split .dropdown__btn {
  border-radius: 0.125rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.55rem 0.75rem;
}
.dropdown--split .dropdown__text {
  margin-right: 0;
  padding: 0.55rem 0.75rem;
  border-right: 1px solid #fff;
}
.dropdown__text {
  margin-right: 1rem;
}
.dropdown__btn {
  display: inline-flex;
  align-items: center;
  padding: 0.55rem 0.75rem;
}
.dropdown__btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.dropdown__btn:focus-visible {
  box-shadow: inset 0 0 0 4px #1f5f8e;
}
.dropdown__icon {
  width: 0.75rem;
}
.dropdown__icon--open {
  transform: scale(-1, -1);
}
.dropdown__content {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 100;
  border: solid 1px #d6e1f0;
  bottom: -3px;
  left: 0;
  transform: translateY(100%);
  background-color: #fff;
  border-radius: 0.125rem;
}
.dropdown__content__link a, .dropdown__content__link {
  color: #485865;
  padding: 0.25rem 0.25rem;
  display: flex;
  transition: all 0.15s ease-in;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dropdown__content__link a:focus-visible, .dropdown__content__link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.dropdown__content__link a:focus-visible, .dropdown__content__link:focus-visible {
  box-shadow: inset 0 0 0 4px #1f5f8e;
}
.dropdown__content__link a:hover, .dropdown__content__link:hover {
  background-color: #d6e1f0;
}
.dropdown__content__text {
  color: #333;
  padding: 0.75rem 0.75rem;
  display: flex;
}

.hero-image {
  position: relative;
  margin-bottom: 3rem;
}
.hero-image__bg-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero-image__content-container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 64rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.hero-image__grid {
  position: relative;
  display: grid;
  gap: 1rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 0) {
  .hero-image__grid {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 768px) {
  .hero-image__grid {
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .hero-image__grid {
    gap: 3rem;
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
.hero-image__text-container {
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 10;
  grid-column: span 12/span 12;
  display: flex;
  flex-direction: column;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 0) {
  .hero-image__text-container {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .hero-image__text-container {
    grid-column: span 5/span 5;
  }
}
@media (min-width: 1024px) {
  .hero-image__text-container {
    grid-column-start: 8;
  }
}
.hero-image__header {
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #515f6e;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.hero-image__list {
  @apply space-y-3;
  display: flex;
  flex-direction: column;
}
.hero-image__list__item {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #515f6e;
  position: relative;
  list-style-type: none;
  padding-left: 1.75rem;
  font-weight: 700;
}
.hero-image__list__icon {
  color: #115795;
  position: absolute;
  top: 0.25rem;
  left: 0;
}
.hero-image__button-container {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}
.hero-image__arrow-btns:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.hero-image__bottom-bar {
  color: #115795;
  background-color: #fff;
  border: 3px solid #115795;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 6rem;
  width: 6rem;
  transform: translateX(-50%) translateY(50%);
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.centered-icon {
  border-width: 4px;
  background: #fff;
  border-radius: 99999px;
  border-style: solid;
  position: relative;
  height: 6rem;
  width: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -3rem auto 0 auto;
  z-index: 200;
}

.icon-link {
  color: #ffa200;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: center;
  max-width: 20rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  width: 33.3333333333%;
}
@media (min-width: 480px) {
  .icon-link {
    width: 20%;
  }
}
@media (min-width: 1024px) {
  .icon-link {
    width: 33.3333333333%;
  }
}
.icon-link__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #222;
  margin-top: 0.75rem;
}

.form {
  display: flex;
  flex-direction: column;
}
.form .form__alert__warning {
  color: #636363;
}
.form__wrapper {
  margin: 1rem 0;
}
.form__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 0;
}
.form__grid .form__input-group {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .form__grid .form__input-group--half {
    grid-column: span 6;
  }
  .form__grid .form__input-group--quarter {
    grid-column: span 3;
  }
}
.form > :not([hidden]) ~ :not([hidden]) {
  margin-top: 2rem;
  margin-bottom: 0rem;
}
.form--tight > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
  margin-bottom: 0rem;
}
.form__section {
  margin-bottom: 2rem;
}
.form fieldset {
  position: relative;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}
.form fieldset legend {
  margin-top: -3rem;
  margin-left: -1rem;
  position: absolute;
  font-size: 1.24rem;
}
.form__row {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.form__row > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
  margin-bottom: 0rem;
}
@media (min-width: 768px) {
  .form__row {
    flex-direction: row;
  }
  .form__row > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0rem;
    margin-left: 1rem;
  }
}
.form__buttons-container {
  margin-top: 0 !important;
}
.form__input-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1rem;
}
.form__input-group > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
  margin-bottom: 0rem;
}
.form__input {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #444;
  border-color: #e6e6e6;
  display: block;
  width: 100%;
  border-width: 1px;
  border-radius: 0.125rem;
  border-style: solid;
  padding: 0.35rem;
}
.form__input:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.form__input:focus-within {
  outline: none;
  border-color: #004b8d;
}
.form__input:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.form__label {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #444;
}
.form__label__required {
  color: #cb2f2a;
}
.form__label--required:after {
  display: inline;
  color: #cb0000;
  content: "*";
}
.form__label__sub-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #636363;
  margin-bottom: 0;
  display: inline-block;
}
.form .vs__dropdown-toggle {
  border: 1px solid #e6e6e6;
  border-radius: 0.125rem;
}
.form .vs__dropdown-toggle:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.form__select {
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  display: block;
  padding: 0.45rem 0.25rem;
  border-radius: 0.125rem;
  background-color: #fff;
}
.form__select:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.form__checkbox {
  display: flex;
  align-items: flex-start;
}
.form__checkbox > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.25rem;
}
.form__checkbox input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0.25rem 0.25rem 0 0;
}
.form__checkbox input[type=checkbox]:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.form__checkbox--col {
  flex-direction: column;
  align-items: flex-start;
}
.form__checkbox--col > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
  margin-bottom: 0rem;
}
.form__checkbox__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #444;
  display: inline;
  margin-left: 0.25rem;
  flex: 1;
}
.form__radio {
  display: inline-flex;
  align-items: center;
}
.form__radio > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.25rem;
}
.form__radio input[type=radio]:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.form__divider {
  border-top: 1px solid #aec4d7;
}
.form__callout-box {
  background-color: #fcf8dd;
  border-color: #f7b844;
  display: flex;
  flex-direction: column;
  border-width: 2px;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.form__callout-box__headline {
  font-weight: 700;
}
.form__alert {
  color: #cb0000;
  display: inline-flex;
  align-items: center;
  font-style: italic;
}
.form__alert__text {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-left: 0.5rem;
}
.form__tip {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #333;
  margin-top: 1rem;
  margin-bottom: 0rem;
}

.search-form {
  display: flex;
  border-radius: 0.125rem;
  border-width: 1px;
  border-style: solid;
  position: relative;
}
.search-form--orange {
  border-color: #ffa200;
  max-width: 24rem;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.search-form--orange .search-form__input {
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  display: block;
}
.search-form__alert {
  margin-top: 1rem;
}
.search-form__input {
  color: #aaa;
  background-color: #fff;
  padding: 0.125rem 0.25rem;
  width: 100%;
}
.search-form__input:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.search-form__button {
  padding-right: 1rem;
}

input.hidden {
  height: 0;
  overflow: 0;
}

.label {
  padding: 0.125rem 0.5rem;
  display: inline-flex;
  border-radius: 0.125rem;
  font-weight: 600;
  font-size: 0.75rem;
  color: #fff;
  background-color: #526370;
}
.label--primary {
  background-color: #004b8d;
}
.label--success {
  background-color: #2b8d00;
}
.label--info {
  background-color: #636363;
}
.label--warning {
  background-color: #ffa200;
  color: #333;
}
.label--danger {
  background-color: #cb0000;
}
.label--pill {
  border-radius: 9999px;
}

.modal {
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 9999999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  inset: 0;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__content {
  background-color: #fff;
  padding: 1rem;
  max-width: 94vw;
  max-height: 90vh;
  overflow-y: auto;
}
@media (min-width: 480px) {
  .modal__content {
    padding: 2rem;
  }
}
@media (min-width: 768px) {
  .modal__content {
    max-width: 80rem;
  }
}
.modal__footer {
  text-align: center;
}
.modal__header {
  margin-bottom: 1rem;
  margin-top: 1rem;
  display: flex;
}
.modal__close-btn {
  padding: 0.5rem;
  margin-top: 2rem;
  display: block;
  text-align: center;
}
.modal__text-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-items: center;
  align-items: baseline;
  margin-bottom: 0.5rem;
}
.modal__text-container h1, .modal__text-container h2, .modal__text-container h3, .modal__text-container h4 {
  line-height: 1.2rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.modal__text-container .modal-animation {
  -webkit-animation: shadowRolling 2s linear infinite;
          animation: shadowRolling 2s linear infinite;
  border: none;
  border-radius: 50%;
  box-sizing: border-box;
  color: #3c5aa0;
  display: block;
  height: 15px;
  left: -100px;
  margin: 25px auto;
  position: relative;
  width: 15px;
}
@-webkit-keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 #3c5aa0, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 115px 0 #3c5aa0, 100px 0 #3c5aa0, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 130px 0 #3c5aa0, 110px 0 #3c5aa0, 100px 0 #3c5aa0, 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 145px 0 #3c5aa0, 120px 0 #3c5aa0, 110px 0 #3c5aa0, 100px 0 #3c5aa0;
  }
  62% {
    box-shadow: 215px 0 rgba(255, 255, 255, 0), 130px 0 #3c5aa0, 120px 0 #3c5aa0, 110px 0 #3c5aa0;
  }
  75% {
    box-shadow: 230px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #3c5aa0, 120px 0 #3c5aa0;
  }
  87% {
    box-shadow: 245px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #3c5aa0;
  }
  100% {
    box-shadow: 260px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 #3c5aa0, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 115px 0 #3c5aa0, 100px 0 #3c5aa0, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 130px 0 #3c5aa0, 110px 0 #3c5aa0, 100px 0 #3c5aa0, 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 145px 0 #3c5aa0, 120px 0 #3c5aa0, 110px 0 #3c5aa0, 100px 0 #3c5aa0;
  }
  62% {
    box-shadow: 215px 0 rgba(255, 255, 255, 0), 130px 0 #3c5aa0, 120px 0 #3c5aa0, 110px 0 #3c5aa0;
  }
  75% {
    box-shadow: 230px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #3c5aa0, 120px 0 #3c5aa0;
  }
  87% {
    box-shadow: 245px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #3c5aa0;
  }
  100% {
    box-shadow: 260px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.modal__text-container .modal-body-text {
  text-align: center;
}
.modal__subtitle {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.modal .modal-go-back-link {
  -webkit-appearance: none;
}
.modal .link-button {
  -webkit-appearance: none;
  margin-right: 20px;
  text-decoration: none;
  color: #FFF;
}
.modal h3 {
  font-style: italic;
}
.modal h3 .price {
  font-weight: bold;
}

.pagination {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.pagination--lg .pagination__link {
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
}
.pagination--sm .pagination__link {
  padding: 0.5rem 0.625rem;
  font-size: 0.75rem;
}
.pagination__item {
  display: inline-flex;
}
.pagination__link {
  padding: 0.5rem 0.75rem;
  color: #115795;
  border-right: solid 1px #9f9fa0;
  border-top: solid 1px #9f9fa0;
  border-bottom: solid 1px #9f9fa0;
  font-size: 1rem;
}
.pagination__link:hover {
  background-color: #115795;
  color: #fff;
  border-color: #115795;
}
.pagination__link--first {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-left: solid 1px #9f9fa0;
}
.pagination__link--last {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.skeleton__animation-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
}

.skeleton__animation {
  width: 50%;
  height: 100%;
  transform: skewX(-20deg);
}
.skeleton__animation--light {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 30px 30px rgba(255, 255, 255, 0.2);
}
.skeleton__animation--dark {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 30px 30px rgba(255, 255, 255, 0.05);
}

.skeleton__container {
  position: relative;
  margin-bottom: 2rem;
  border-bottom: solid 1px #aaa;
}

.skeleton__item {
  height: 2rem;
  background-color: #ccc;
}

.skeleton__form-section {
  display: flex;
  flex-direction: column;
}

.skeleton__form-section__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.skeleton__table__container {
  position: relative;
  margin-bottom: 2rem;
  overflow: hidden;
  background-color: #ccc;
  border: 1px solid #aaa;
}

.skeleton__table__header {
  height: 1.5rem;
  background-color: #aaa;
}

.skeleton__table__row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1.5rem;
  padding: 1rem;
}
.skeleton__table__row--first {
  padding-bottom: 0;
}
.skeleton__table__row--last {
  padding-top: 0;
}

.skeleton__table__column {
  grid-column: span 2/span 2;
  height: 1rem;
  background-color: #aaa;
}

@-webkit-keyframes loading {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(-60%);
  }
  100% {
    transform: translateX(150%);
  }
}

@keyframes loading {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(-60%);
  }
  100% {
    transform: translateX(150%);
  }
}
.tabs-accordion {
  margin-bottom: 0.5rem;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}
.tabs-accordion__list {
  display: flex;
}
.tabs-accordion__tab {
  background-color: #fff;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tabs-accordion__tab a, .tabs-accordion__tab button {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tabs-accordion__tab--active a, .tabs-accordion__tab--active button {
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid white;
  position: relative;
  bottom: -1px;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tabs-accordion__tab--inactive {
  border-radius: 0.125rem;
}
.tabs-accordion__tab--inactive a, .tabs-accordion__tab--inactive button {
  color: #009bc9;
}
.tabs-accordion__bottom-border {
  border-bottom: 1px solid #e6e6e6;
  transform: translateY(-1px);
}
.tabs-accordion button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.tabs-accordion button:focus-visible {
  box-shadow: inset 0 0 0 4px #1f5f8e;
}

.tabs-border__list {
  border-bottom-color: #e6e6e6;
  border-bottom-style: solid;
  border-bottom-width: 0;
  overflow-x: auto;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding-bottom: 0.75rem;
  cursor: -webkit-grab;
  cursor: grab;
}
.tabs-border__list > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.5rem;
}
@media (min-width: 480px) {
  .tabs-border__list {
    align-items: center;
    border-bottom-width: 1px;
    padding-bottom: 0;
    margin-bottom: 0.75rem;
    cursor: auto;
  }
}
.tabs-border__list__item {
  display: inline-flex;
}
.tabs-border__link {
  padding-bottom: 8px;
  font-weight: 500;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.tabs-border__link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.tabs-border__link:focus-visible {
  box-shadow: inset 0 0 0 4px #1f5f8e;
}
.tabs-border__link--active {
  color: #115795;
  border-bottom-color: #115795;
}
@media (min-width: 480px) {
  .tabs-border__link--active {
    text-align: center;
  }
}
.tabs-border__link--inactive {
  color: #636363;
  border-bottom-color: transparent;
}
.tabs-border__link--inactive:hover {
  border-bottom-color: #636363;
}

.table {
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: 100%;
  table-layout: auto;
  text-align: left;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 1rem 0;
}
.table thead {
  color: #636363;
  border-bottom-color: #e6e6e6;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: #f8f8f8;
  font-weight: 500;
}
.table thead th {
  vertical-align: bottom;
  padding: 1.5rem 0.5rem;
}
.table tfoot,
.table tbody {
  border-bottom: 1px solid #e6e6e6;
}
.table tfoot tr,
.table tbody tr {
  border-bottom: 1px solid #e6e6e6;
}
.table tfoot tr:last-child,
.table tbody tr:last-child {
  border-bottom-width: 0;
}
.table tfoot td,
.table tbody td {
  padding: 1rem 0.5rem;
}
.table--cart img {
  width: 100%;
  max-width: 100px;
  height: auto;
  float: left;
  margin: 0 18px 10px 0;
}
.table--cart__col.item-description {
  width: 580px;
}
.table--cart__item-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 1rem;
  font-weight: 700;
  color: #636363;
  line-height: 1.5rem;
}
@media (min-width: 768px) {
  .table--cart__item-description {
    flex-direction: row;
  }
}
.table--cart__total {
  font-size: 1.5rem;
  background-color: #e6e6e6;
  color: #444;
  margin: 10px 0 30px;
  padding: 13px 20px;
  border: 1px solid #ccc;
  text-transform: uppercase;
  text-align: right;
}
.table--cart__proceed {
  text-align: right;
}
.table--cart__guest-buttons {
  text-align: right;
}
.table--cart__guest-buttons__login {
  margin-left: 1rem;
}

/*
 * Responsive Table
 */
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/*
 * Cart Action: Guest
 */
.cart-actions--guest, .cart-actions--guest > * {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/*
 * Cart Footer
 */
.cart__footer {
  margin-bottom: 35px;
  padding: 1rem 0;
}

.flash {
  padding: 20px;
  margin: 10px 0;
  background-color: #d6e1f0;
  color: #1b65ab;
  text-align: center;
  position: relative;
}
.flash--success {
  background-color: #eef6e9;
  color: #2b8d00;
}
.flash--error {
  background-color: #f5e6e8;
  color: #cb0000;
}
.flash--warning {
  background-color: #fcf8dd;
  color: #636363;
}

.notification {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  background-color: #aec4d7 !important;
}
.notification:last-of-type {
  margin-bottom: 0;
}
.notification:focus {
  outline: none;
}
.notification__content-wrapper {
  display: flex;
  align-items: center;
}
.notification__content {
  flex-grow: 1;
}
.notification__title {
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
}
.notification__text {
  font-size: 0.8rem;
}
.notification__close-btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.notification.success {
  background-color: #67A33B !important;
  color: #fff;
}
.notification.warning {
  background-color: #ffa200 !important;
  color: #444;
}
.notification.error {
  background-color: #761c19 !important;
  color: #fff;
}

ul.checkout-steps {
  display: flex;
  width: 100%;
  background-color: #d6e1f0;
  justify-content: space-around;
  flex-flow: row wrap;
  align-items: stretch;
  margin: 30px 0;
}
ul.checkout-steps a {
  text-decoration: underline;
  color: #636363;
  -webkit-text-decoration-color: #009bc9;
          text-decoration-color: #009bc9;
  width: 100%;
  display: block;
}
ul.checkout-steps li {
  list-style: none;
  font-size: 0.9rem;
  padding: 12px;
  margin: 0;
  flex-grow: 1;
  text-align: center;
  color: #636363;
}
ul.checkout-steps li.checkout-steps__active {
  background-color: #eef6e9;
  color: #444;
}

.address-options {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 20px 0;
}
.address-options--item {
  display: block;
  grid-column: span 12;
}
@media (min-width: 768px) {
  .address-options--item {
    grid-column: span 6;
  }
}
@media (min-width: 1024px) {
  .address-options--item {
    grid-column: span 4;
  }
}
.address-options--item h2 {
  font-size: 1.2rem;
}
.address-options--item address {
  margin-bottom: 10px;
  color: #333;
}
.address-options--item address span {
  display: block;
  line-height: 1.5;
}

.shipping-options {
  width: 100%;
}

.form .field-error-message {
  margin: 6px 0 0 0;
  color: #f00;
}

.download-list {
  background-color: #e6e6e6;
  color: #444;
  border: 1px solid #ccc;
  padding: 20px 20px 0 20px;
}
.download-list li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: baseline;
  padding-bottom: 20px;
}

.loading, .profile-page__my-content .content-loading {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  text-align: center;
  z-index: 1000;
}
.loading .loader, .profile-page__my-content .content-loading .loader {
  box-sizing: border-box;
  position: relative;
  left: -100px;
  display: block;
  width: 15px;
  height: 15px;
  margin: 25px auto;
  border-radius: 50%;
  color: #009bc9;
  -webkit-animation: loadingBubbles 2s linear infinite;
          animation: loadingBubbles 2s linear infinite;
}

.app_loader_contained {
  position: relative;
}
.app_loader_contained .loading, .app_loader_contained .profile-page__my-content .content-loading, .profile-page__my-content .app_loader_contained .content-loading {
  height: auto;
  position: absolute;
  width: 100%;
}
.app_loader_contained .loading .loader, .app_loader_contained .profile-page__my-content .content-loading .loader, .profile-page__my-content .app_loader_contained .content-loading .loader {
  left: -50%;
  position: relative;
}

@-webkit-keyframes loadingBubbles {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 #009bc9, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 #009bc9, 100px 0 #009bc9, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 #009bc9, 110px 0 #009bc9, 100px 0 #009bc9, 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 #009bc9, 120px 0 #009bc9, 110px 0 #009bc9, 100px 0 #009bc9;
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #009bc9, 120px 0 #009bc9, 110px 0 #009bc9;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #009bc9, 120px 0 #009bc9;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #009bc9;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}

@keyframes loadingBubbles {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 #009bc9, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 #009bc9, 100px 0 #009bc9, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 #009bc9, 110px 0 #009bc9, 100px 0 #009bc9, 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 #009bc9, 120px 0 #009bc9, 110px 0 #009bc9, 100px 0 #009bc9;
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #009bc9, 120px 0 #009bc9, 110px 0 #009bc9;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #009bc9, 120px 0 #009bc9;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #009bc9;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.link-list li {
  margin-bottom: 0.45rem;
}
.link-list li a {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.title-lockup {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.cookie-banner {
  background-color: #2b8d00;
  color: #fff;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 200;
}
.cookie-banner > div {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 1040px;
  padding: 15px;
}
.cookie-banner > div a {
  color: #fff;
  text-decoration: underline;
}
.cookie-banner > div a:hover {
  text-decoration: none;
}
@media (min-width: 0) {
  .cookie-banner > div .text {
    grid-column: span 10/span 10;
  }
}
.cookie-banner > div .close {
  text-align: right;
}
@media (min-width: 0) {
  .cookie-banner > div .close {
    grid-column: span 2/span 2;
  }
}
.cookie-banner .fa-plus {
  cursor: pointer;
  transform: rotate(45deg);
}

.accordion .panel {
  cursor: pointer;
  padding: 10px 20px;
}
.accordion .panel > span {
  cursor: pointer;
  color: #004b8d;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
}
.accordion .panel.active {
  cursor: initial;
}
.accordion .panel.active .panel-content {
  display: block;
}
.accordion .panel .panel-content {
  display: none;
  margin-top: 10px;
}
.accordion .panel .panel-content ul {
  background-color: #f8f8f8;
}
.accordion .panel .panel-content li {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px;
}
.accordion .panel .panel-content li:last-of-type {
  border: 0;
}
.accordion .panel .panel-content a {
  color: #636363;
}

.grid {
  display: grid;
}

.col-span-12 {
  grid-column: span 12/span 12;
}

.grid-contained, .grid {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  flex: 0 1 auto;
  margin: 0;
  max-width: 1280px;
  padding: 0;
}

.grid {
  max-width: 100%;
}

.p-gutters {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .p-gutters {
    padding: 0 10px;
  }
}

.m-gutters {
  margin: 0 20px;
}
@media (min-width: 768px) {
  .m-gutters {
    padding: 0 10px;
  }
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.333%;
}

.col-5 {
  width: 41.667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.333%;
}

.col-8 {
  width: 66.667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.333%;
}

.col-11 {
  width: 91.667%;
}

.col-12 {
  width: 100%;
}

@media (min-width: 480px) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xs-1 {
    width: 8.33%;
  }

  .col-xs-2 {
    width: 16.667%;
  }

  .col-xs-3 {
    width: 25%;
  }

  .col-xs-4 {
    width: 33.333%;
  }

  .col-xs-5 {
    width: 41.667%;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-xs-7 {
    width: 58.333%;
  }

  .col-xs-8 {
    width: 66.667%;
  }

  .col-xs-9 {
    width: 75%;
  }

  .col-xs-10 {
    width: 83.333%;
  }

  .col-xs-11 {
    width: 91.667%;
  }

  .col-xs-12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-1 {
    width: 8.33%;
  }

  .col-sm-2 {
    width: 16.667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.333%;
  }

  .col-sm-5 {
    width: 41.667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.333%;
  }

  .col-sm-8 {
    width: 66.667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.333%;
  }

  .col-sm-11 {
    width: 91.667%;
  }

  .col-sm-12 {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-1 {
    width: 8.33%;
  }

  .col-md-2 {
    width: 16.667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.333%;
  }

  .col-md-5 {
    width: 41.667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.333%;
  }

  .col-md-8 {
    width: 66.667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.333%;
  }

  .col-md-11 {
    width: 91.667%;
  }

  .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .col-l {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-l-1 {
    width: 8.33%;
  }

  .col-l-2 {
    width: 16.667%;
  }

  .col-l-3 {
    width: 25%;
  }

  .col-l-4 {
    width: 33.333%;
  }

  .col-l-5 {
    width: 41.667%;
  }

  .col-l-6 {
    width: 50%;
  }

  .col-l-7 {
    width: 58.333%;
  }

  .col-l-8 {
    width: 66.667%;
  }

  .col-l-9 {
    width: 75%;
  }

  .col-l-10 {
    width: 83.333%;
  }

  .col-l-11 {
    width: 91.667%;
  }

  .col-l-12 {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-1 {
    width: 8.33%;
  }

  .col-xl-2 {
    width: 16.667%;
  }

  .col-xl-3 {
    width: 25%;
  }

  .col-xl-4 {
    width: 33.333%;
  }

  .col-xl-5 {
    width: 41.667%;
  }

  .col-xl-6 {
    width: 50%;
  }

  .col-xl-7 {
    width: 58.333%;
  }

  .col-xl-8 {
    width: 66.667%;
  }

  .col-xl-9 {
    width: 75%;
  }

  .col-xl-10 {
    width: 83.333%;
  }

  .col-xl-11 {
    width: 91.667%;
  }

  .col-xl-12 {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xxl-1 {
    width: 8.33%;
  }

  .col-xxl-2 {
    width: 16.667%;
  }

  .col-xxl-3 {
    width: 25%;
  }

  .col-xxl-4 {
    width: 33.333%;
  }

  .col-xxl-5 {
    width: 41.667%;
  }

  .col-xxl-6 {
    width: 50%;
  }

  .col-xxl-7 {
    width: 58.333%;
  }

  .col-xxl-8 {
    width: 66.667%;
  }

  .col-xxl-9 {
    width: 75%;
  }

  .col-xxl-10 {
    width: 83.333%;
  }

  .col-xxl-11 {
    width: 91.667%;
  }

  .col-xxl-12 {
    width: 100%;
  }
}
.center-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-flex.column {
  flex-direction: column;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

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

.link {
  color: #009bc9;
}
.link--with-icon {
  display: inline-flex;
  align-items: center;
}
.link--with-icon > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.5rem;
}

.text-body--medium {
  font-weight: 500;
}
.text-body--semibold {
  font-weight: 600;
}
.text-body--bold {
  font-weight: 700;
}
.text-body--xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-body--sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-body--base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-body--xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-body--2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.bg--red {
  background-color: #cb0000 !important;
}
.bg--green {
  background-color: #6ab443 !important;
}
.bg--blue {
  background-color: #1b65ab !important;
}
.bg--gray {
  background-color: #444 !important;
}
.bg--cyan {
  background-color: #00ae9d !important;
}

.text--red {
  color: #cb0000 !important;
}
.text--green, .landing-page__card__text-container .modal__content .product-title {
  color: #6ab443 !important;
}
.text--blue {
  color: #1b65ab !important;
}
.text--gray {
  color: #444 !important;
}
.text--cyan {
  color: #00ae9d !important;
}

.border--red {
  border-color: #cb0000 !important;
}
.border--green {
  border-color: #6ab443 !important;
}
.border--blue {
  border-color: #1b65ab !important;
}
.border--gray {
  border-color: #444 !important;
}
.border--cyan {
  border-color: #00ae9d !important;
}

.headline--red {
  color: #cb0000 !important;
  border-bottom: 2px solid #cb0000 !important;
  line-height: 2rem !important;
  margin: 2rem 0 1rem;
}
.headline--green {
  color: #6ab443 !important;
  border-bottom: 2px solid #6ab443 !important;
  line-height: 2rem !important;
  margin: 2rem 0 1rem;
}
.headline--blue {
  color: #1b65ab !important;
  border-bottom: 2px solid #1b65ab !important;
  line-height: 2rem !important;
  margin: 2rem 0 1rem;
}
.headline--gray {
  color: #444 !important;
  border-bottom: 2px solid #444 !important;
  line-height: 2rem !important;
  margin: 2rem 0 1rem;
}
.headline--cyan {
  color: #00ae9d !important;
  border-bottom: 2px solid #00ae9d !important;
  line-height: 2rem !important;
  margin: 2rem 0 1rem;
}

/* Hide on desktop */
.hidden-lg {
  display: block;
}
@media (min-width: 1024px) {
  .hidden-lg {
    display: none;
  }
}

.slide-down-enter-active {
  transition: all 0.2s ease-in;
  transform-origin: top;
}

.slide-down-leave-active {
  transition: all 0.1s ease-out;
}

.slide-down-enter-from, .slide-down-leave-to {
  transform: translateY(-20px);
  opacity: 0;
}

.body {
  font-family: Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  position: relative;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer-nav {
  background-color: #009bc9;
}
.footer-nav__list {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.footer-nav__link {
  color: #fff;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding: 8px 10px;
  transition: background-color 100ms ease-out;
}
.footer-nav__link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.footer-nav__link:hover {
  background-color: #115795;
}
.footer-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-left: 20px;
  padding-right: 20px;
}

.footer {
  background-color: #dde7f3;
  padding-bottom: 56px;
  padding-top: 32px;
}
.footer__cols {
  display: grid;
  width: 100%;
  max-width: 64rem;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
  margin: 24px auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1024px) {
  .footer__cols {
    gap: 2rem;
  }
}
.footer__cols__col {
  display: flex;
  flex-direction: column;
  grid-column: span 12/span 12;
}
.footer__cols__col > :not([hidden]) ~ :not([hidden]) {
  margin-top: 8px;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .footer__cols__col {
    grid-column: span 6/span 6;
  }
}
@media (min-width: 768px) {
  .footer__cols__col {
    grid-column: span 4/span 4;
  }
}
@media (min-width: 1024px) {
  .footer__cols__col {
    grid-column: span 3/span 3;
  }
}
@media (min-width: 1024px) {
  .footer__cols__col--logo {
    grid-column: span 6/span 6;
  }
}
@media (min-width: 1024px) {
  .footer__cols__col--logo {
    flex-direction: row;
  }
}
.footer__cols__col--logo img {
  max-width: 100%;
}
@media (min-width: 480px) {
  .footer__cols__col--full {
    grid-column: span 12/span 12;
  }
}
.footer__cols__col--rte h1 a,
.footer__cols__col--rte h2 a,
.footer__cols__col--rte h3 a,
.footer__cols__col--rte h4 a,
.footer__cols__col--rte h5 a,
.footer__cols__col--rte h6 a {
  line-height: 1rem;
}
.footer__cols__col--rte h1 a:focus-visible,
.footer__cols__col--rte h2 a:focus-visible,
.footer__cols__col--rte h3 a:focus-visible,
.footer__cols__col--rte h4 a:focus-visible,
.footer__cols__col--rte h5 a:focus-visible,
.footer__cols__col--rte h6 a:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.footer__logo-link {
  width: 12rem;
  padding: 10px 0;
}
.footer__logo-link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
@media (min-width: 1024px) {
  .footer__logo-link {
    margin-right: 24px;
  }
}
.footer__byline {
  display: hidden;
  width: 14rem;
}
@media (min-width: 480px) {
  .footer__byline {
    display: inline-block;
  }
}
.footer__byline__text {
  color: #004b8d;
  border-color: #9f9fa0;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 10px 20px;
}
@media (min-width: 1024px) {
  .footer__byline__text {
    border-left-width: 1px;
    border-left-style: solid;
  }
}
.footer__social-list {
  display: flex;
  margin-top: 16px;
}
.footer__social-list > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0;
  margin-left: 10px;
}
.footer__social-list__list-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.footer__social-list__link {
  color: #fff;
  background-color: #809095;
  height: 1.75rem;
  width: 1.75rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.footer__social-list__link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.footer__subfooter-row {
  display: flex;
  flex-wrap: wrap;
}
.footer__subfooter-row > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0;
  margin-left: 16px;
}
.footer__subfooter-row li {
  display: inline-block;
}
.footer__header, .footer__cols__col--rte h1,
.footer__cols__col--rte h2,
.footer__cols__col--rte h3,
.footer__cols__col--rte h4,
.footer__cols__col--rte h5,
.footer__cols__col--rte h6 {
  color: #004b8d;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.footer__header:focus-visible, .footer__cols__col--rte h1:focus-visible,
.footer__cols__col--rte h2:focus-visible,
.footer__cols__col--rte h3:focus-visible,
.footer__cols__col--rte h4:focus-visible,
.footer__cols__col--rte h5:focus-visible,
.footer__cols__col--rte h6:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.footer__link {
  font-size: 0.75rem;
  line-height: 1rem;
}
.footer__link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.footer__link--black, .footer__cols__col--rte p a {
  color: #222;
}
.footer__link--blue {
  color: #004b8d;
}
.footer__text, .footer__cols__col--rte p {
  color: #222;
  font-size: 0.75rem;
  line-height: 1rem;
}
.footer__text--italic {
  font-style: italic;
}

.body--lock {
  overflow: hidden;
}

.header {
  width: 100%;
  position: relative;
  z-index: 30;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);
}
.header__container {
  padding: 0 0.5rem;
  background-color: #fff;
  max-width: 64rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .header__container {
    padding: 0;
  }
}
.header__nav-btn {
  position: relative;
  top: 0;
  padding: 1rem 2.5rem;
  color: #fff;
  background-color: #1b65ab;
  text-transform: uppercase;
  display: none;
  gap: 1.25rem;
  align-items: center;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  margin-bottom: 1.5rem;
  transition: background-color 100ms ease-out;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.header__nav-btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
@media (min-width: 1024px) {
  .header__nav-btn {
    display: inline-flex;
  }
}
.header__nav-btn:hover {
  background-color: #115795;
}
.header__nav-btn:hover span {
  text-decoration: underline;
}
.header__logo-container {
  display: flex;
}
.header__logo {
  width: 10rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 480px) {
  .header__logo {
    margin-right: 2rem;
  }
}
.header__logo__link {
  display: inline-block;
}
.header__logo__link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.header__logo__link:hover {
  color: #115795;
}
.header__logo__img {
  max-width: 100%;
  height: auto;
}
.header__cart {
  color: #485865;
  margin: 0 23px 0 auto;
  position: relative;
}
.header .count {
  background: #6ab443;
  border-radius: 10px;
  color: #fff;
  font-size: 0.8rem;
  height: 19px;
  padding-top: 3px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -10px;
  width: 20px;
}
.header .dust-banner {
  padding: 32px;
  text-align: center;
  color: white;
  background: linear-gradient(to bottom right, #005595, #64b2ed);
}
.header .dust-banner h2 {
  margin-bottom: 15px;
  font-weight: 600;
}
.header .dust-banner p {
  line-height: 1.4rem;
}
.header .dust-banner p:last-of-type {
  margin-top: 5px;
}

.utility-nav {
  display: none;
  margin-left: auto;
  margin-right: 35px;
}
@media (min-width: 1024px) {
  .utility-nav {
    display: flex;
    align-items: center;
    margin-right: 0;
  }
}
.utility-nav__search {
  margin-right: 0.25rem;
  color: #485865;
}
.utility-nav__search__toggle {
  color: #485865;
  padding: 8px 0;
}
.utility-nav__search__toggle:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.utility-nav__search__toggle:hover {
  color: #115795;
}
.utility-nav__search__toggle i {
  padding-left: 4px;
}
.utility-nav__search__form-input {
  max-width: 176px;
  padding: 8px;
  border: 1px solid #dde7f3;
  border-radius: 3px;
}
.utility-nav__search__form-input:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.utility-nav__search__form-close {
  padding: 8px;
}
.utility-nav__search__form-close:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.utility-nav__list {
  display: flex;
}
.utility-nav__list-item {
  color: #485865;
  margin-left: 0;
}
@media (min-width: 1024px) {
  .utility-nav__list-item {
    display: inline-flex;
    align-items: center;
  }
  .utility-nav__list-item:not(:last-child) {
    margin-right: 22px;
  }
}
.utility-nav__list-item--cart {
  display: inline-flex;
  position: relative;
}
.utility-nav__list-item--cart .count {
  top: -4px;
}
.utility-nav__list-item span {
  margin-right: 0;
  margin-left: 7px;
}
.utility-nav__list-item .fa-shopping-cart {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (min-width: 1024px) {
  .utility-nav__list-item .fa-shopping-cart {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.utility-nav__link a, .utility-nav__link {
  color: #485865;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.5rem;
}
.utility-nav__link a:focus-visible, .utility-nav__link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.utility-nav__link a:hover, .utility-nav__link:hover {
  color: #009bc9;
  transition: all 0.15s ease-in-out;
}
.utility-nav__link a:last-of-type, .utility-nav__link:last-of-type {
  margin-right: 0;
  margin-left: 7px;
}

.header-mobile {
  display: flex;
  flex-direction: column;
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .header-mobile {
    display: none;
  }
}
.header-mobile--open {
  transform: translateX(0);
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100vw;
  background-color: #fff;
  opacity: 100%;
  overflow-y: auto;
  z-index: 20;
}
@media (min-width: 1024px) {
  .header-mobile--open {
    position: relative;
    height: auto;
    background-color: transparent;
    width: auto;
  }
}
.header-mobile--closed {
  transform: translateX(-100%);
  display: none;
  opacity: 0;
}
@media (min-width: 1024px) {
  .header-mobile--closed {
    transform: none;
  }
}
.header-mobile__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.25rem;
  background-color: #fff;
}
.header-mobile__logo-container {
  width: 12rem;
  margin-right: 1.5rem;
}
.header-mobile__logo-link {
  display: inline-block;
}
.header-mobile__logo-link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.header-mobile__toggle-btn {
  border: none;
  padding: 0 5px;
  z-index: 10;
  color: #009bc9;
}
.header-mobile__toggle-btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
@media (min-width: 1024px) {
  .header-mobile__toggle-btn {
    display: none;
  }
}
.header-mobile__toggle-btn--close {
  padding-right: 0.25rem;
}

.main-desktop-nav {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #fff;
  position: absolute;
  display: none;
  border-bottom: 1px #ddd solid;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.075);
  z-index: 20;
  width: 100%;
}
@media (min-width: 1024px) {
  .main-desktop-nav {
    display: block;
  }
}
.main-desktop-nav__content {
  max-width: 64rem;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 2rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1280px) {
  .main-desktop-nav__content {
    gap: 4rem;
  }
}
.main-desktop-nav__two-col {
  display: flex;
  flex-direction: column;
}
@media (min-width: 0) {
  .main-desktop-nav__two-col {
    grid-column: span 5/span 5;
  }
}
.main-desktop-nav__two-col ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.main-desktop-nav__one-col {
  display: flex;
  flex-direction: column;
}
@media (min-width: 0) {
  .main-desktop-nav__one-col {
    grid-column: span 3/span 3;
  }
}
.main-desktop-nav__one-col ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.main-desktop-nav__cta-col {
  display: flex;
  flex-direction: column;
}
@media (min-width: 0) {
  .main-desktop-nav__cta-col {
    grid-column: span 4/span 4;
  }
}
.main-desktop-nav__header {
  font-weight: 600;
  display: inline-flex;
  padding-bottom: 0.25rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #009bc9;
  color: #004b8d;
  font-size: 1rem;
  line-height: 1.5rem;
}
.main-desktop-nav a {
  color: #485865;
  margin-bottom: 0.5rem;
  display: inline-flex;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.main-desktop-nav a:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.main-desktop-nav a:hover {
  text-decoration: underline;
  color: #009bc9;
  transition: all 0.15s ease-in-out;
}
.main-desktop-nav__cta-box {
  background-color: #6ab443;
  color: #fff;
  padding: 1.25rem;
}
.main-desktop-nav__cta-box__header {
  font-weight: 600;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.main-desktop-nav__cta-box__text {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.main-desktop-nav__cta-box a {
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.main-desktop-nav__cta-box a:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.main-desktop-nav__cta-box a:hover {
  text-decoration: none;
  color: #fff;
}
.main-desktop-nav__cta-box a:hover .link-icon {
  transform: translateX(0.5rem);
  transition: transform 0.25s ease-in-out;
  text-decoration: none;
}
.main-desktop-nav .link-icon {
  height: 0.875rem;
  width: 0.875rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #6ab443;
  border-radius: 9999px;
  margin-left: 0.5rem;
}
.main-desktop-nav .link-icon:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.main-desktop-nav__cta {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.main-desktop-nav__cta__text {
  font-weight: 700;
  color: #485865;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.main-desktop-nav__cta a {
  font-weight: 400;
  color: #115795;
  margin-left: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.main-desktop-nav__cta a:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.main-desktop-nav__cta a:hover {
  text-decoration: underline;
}
.main-desktop-nav__close-btn {
  position: absolute;
  padding: 0.25rem;
  margin-right: 1rem;
  top: 0;
  right: 0;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: #485865;
  z-index: 20;
  font-size: 0.75rem;
  line-height: 1rem;
}
.main-desktop-nav__close-btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
@media (min-width: 1280px) {
  .main-desktop-nav__close-btn {
    padding: 0.75rem;
    top: 0.25rem;
    right: 0.25rem;
  }
}
.main-desktop-nav__close-btn__close {
  color: #115795;
  text-decoration: underline;
  transition: all 0.15s ease-in-out;
}
.main-desktop-nav__close-btn:hover span {
  text-decoration: underline;
  color: #009bc9;
  transition: all 0.15s ease-in-out;
}

.main-mobile-nav {
  position: relative;
  border-bottom: 1px #ddd solid;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.075);
  z-index: 10;
}
@media (min-width: 1024px) {
  .main-mobile-nav {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-color: #b8d3db;
  }
}
@media (min-width: 1024px) {
  .main-mobile-nav {
    display: none;
  }
}
.main-mobile-nav--hidden {
  display: none;
}
.main-mobile-nav__container {
  padding: 2rem;
  margin: 0 auto;
  max-width: 48rem;
}
@media (min-width: 480px) {
  .main-mobile-nav__container {
    padding: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .main-mobile-nav__container {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.main-mobile-nav__container > *:not(:last-child) {
  border-bottom: 1px #ddd solid;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.main-mobile-nav__list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .main-mobile-nav__list {
    flex-direction: row;
  }
  .main-mobile-nav__list > :not([hidden]) ~ :not([hidden]) {
    margin: 0 0rem 0 0.5rem;
  }
}
.main-mobile-nav .utility-nav {
  display: flex;
  margin-top: 2rem;
}
.main-mobile-nav .utility-nav__list-item {
  margin: 0 auto;
}
.main-mobile-nav .utility-nav__list-item a {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #485865;
}
.main-mobile-nav .utility-nav__search__toggle {
  font-size: 1.125rem;
  line-height: 1.75rem;
  display: flex;
  align-items: center;
  padding: 0;
}
.main-mobile-nav .utility-nav__search__toggle i {
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding-left: 10px;
}
.main-mobile-nav .utility-nav__search__form {
  display: flex;
  width: 100%;
}
.main-mobile-nav .utility-nav__search__form-input {
  flex: 1;
  width: 100%;
  max-width: none;
}
.main-mobile-nav .search--global {
  display: flex;
  justify-content: center;
}

.nav-tab {
  font-size: 1.125rem;
  line-height: 1.75rem;
  display: inline-flex;
  flex-direction: column;
  background-color: #fff;
  border-color: transparent;
}
.nav-tab:not(:last-child) {
  margin-bottom: 0.5rem;
}
.nav-tab__home {
  color: #009bc9;
  border-color: #b8d3db;
}
.nav-tab__home--active {
  border-color: #009bc9;
}
@media (min-width: 1024px) {
  .nav-tab__home--active {
    background-color: #009bc9;
    color: #fff;
    border-color: #009bc9;
  }
}
.nav-tab__emergency {
  color: #cb0000;
  border-color: #dfc6c6;
}
.nav-tab__emergency--active {
  border-color: #cb0000;
}
@media (min-width: 1024px) {
  .nav-tab__emergency--active {
    background-color: #cb0000;
    color: #fff;
    border-color: #cb0000;
  }
}
.nav-tab__hospital {
  color: #2b8d00;
  border-color: #c5e3b0;
}
.nav-tab__hospital--active {
  border-color: #2b8d00;
}
@media (min-width: 1024px) {
  .nav-tab__hospital--active {
    background-color: #2b8d00;
    color: #fff;
    border-color: #2b8d00;
  }
}
.nav-tab__clinical {
  color: #115795;
  border-color: #aec4d7;
}
.nav-tab__clinical--active {
  border-color: #115795;
}
@media (min-width: 1024px) {
  .nav-tab__clinical--active {
    background-color: #115795;
    color: #fff;
    border-color: #115795;
  }
}
.nav-tab__allAccess {
  color: #6ab443;
  border-color: #9dd07c;
}
.nav-tab__allAccess--active {
  border-color: #6ab443;
}
@media (min-width: 1024px) {
  .nav-tab__allAccess--active {
    background-color: #6ab443;
    color: #fff;
    border-color: #6ab443;
  }
}
.nav-tab__myAccount {
  color: #ffa200;
  border-color: #f0e0c3;
}
.nav-tab__myAccount--active {
  border-color: #ffa200;
}
@media (min-width: 1024px) {
  .nav-tab__myAccount--active {
    background-color: #ffa200;
    color: #fff;
    border-color: #ffa200;
  }
}
@media (min-width: 1024px) {
  .nav-tab {
    margin-bottom: 0;
    border-width: 3px;
    border-style: solid;
    border-bottom-width: 0;
    flex-direction: row;
  }
}
.nav-tab__link {
  display: none;
  align-items: center;
  padding: 0.375rem 1rem;
}
.nav-tab__link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.nav-tab__link:focus-visible {
  box-shadow: inset 0 0 0 4px #1f5f8e;
}
@media (min-width: 1024px) {
  .nav-tab__link {
    display: inline-flex;
  }
}
.nav-tab__button--mobile {
  color: #004b8d;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.85rem;
}
.nav-tab__button--mobile:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
@media (min-width: 1024px) {
  .nav-tab__button--mobile {
    display: none;
  }
}
.nav-tab__button__icon {
  display: flex;
  align-items: center;
  flex: 1 1 0%;
}
.nav-tab__button i {
  font-size: 0.8rem;
}

.nav-tab-dropdown {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .nav-tab-dropdown {
    background-color: #dde7f3;
    transform: translateY(100%);
    position: absolute;
    border-top-width: 5px;
    border-top-style: solid;
  }
}
.nav-tab-dropdown__list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .nav-tab-dropdown__list {
    color: #004b8d;
    flex-direction: row;
    gap: 2rem;
    max-width: 64rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0 auto;
  }
}
.nav-tab-dropdown__list__link {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #485865;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  width: 100%;
}
.nav-tab-dropdown__list__link:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.nav-tab-dropdown__list__link:focus-visible {
  box-shadow: inset 0 0 0 4px #1f5f8e;
}
@media (min-width: 1024px) {
  .nav-tab-dropdown__list__link {
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: auto;
    padding-left: 0;
  }
}
.nav-tab-dropdown__list__item {
  display: inline-flex;
}
@media (min-width: 1024px) {
  .nav-tab-dropdown__list__item--mobile-only {
    display: none;
  }
}

.page {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding: 2.5rem 1.25rem 5rem;
  gap: 1.25rem;
  margin: 0 auto;
  max-width: 64rem;
}
.page h1,
.page h2,
.page h3,
.page h4 {
  color: #636363;
  margin-bottom: 1.4rem;
}
.page a {
  color: #009bc9;
  transition: color 100ms ease-out;
}
.page a:not(.btn):hover {
  color: #115795;
}
@media (min-width: 0) {
  .page__full {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 0) {
  .page__centered {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .page__centered {
    grid-column: span 8/span 8;
  }
}
@media (min-width: 1024px) {
  .page__centered {
    grid-column-start: 3;
  }
}
@media (min-width: 0) {
  .page__main-content {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .page__main-content {
    grid-column: span 8/span 8;
  }
}
@media (min-width: 1024px) {
  .page__main-content {
    padding-right: 1.25rem;
    border-right: #e6e6e6 solid 1px;
  }
}
@media (min-width: 0) {
  .page__sidebar {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .page__sidebar {
    grid-column: span 4/span 4;
  }
}
.page__sidebar > * {
  margin-bottom: 25px;
}
.page__sidebar figure li {
  margin-bottom: 6px;
}
.page__sidebar figure .link--with-icon .link__icon {
  margin-right: 0;
}
.page__sidebar figure .link--with-icon .link__icon + span {
  position: relative;
  margin-left: 7px;
  padding-left: 7px;
}
.page__sidebar figure .link--with-icon .link__icon + span:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 80%;
  background-color: #ddd;
  content: "";
  transform: translateY(-50%);
}
.page__sidebar figure .btn-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 21px;
}
.page__sidebar figure .btn-container > * {
  flex: 1;
  max-width: 220px;
}
.page__sidebar figure .btn-container > * > a {
  display: flex;
}
.page-row {
  display: grid;
  max-width: 64rem;
  grid-column: span 12/span 12;
  gap: 1.25rem;
  padding: 2.5rem 1.25rem 0;
  margin: 0 auto;
}
.page-row__header {
  color: #444;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}
.page-row__header--lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 0.25rem;
  font-weight: 700;
}
.page-row__header--xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 0;
}
.page-row__header--2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 1024px) {
  .page-row__header--2xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.page-row__header--3xl {
  margin-bottom: 0;
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (min-width: 1024px) {
  .page-row__header--3xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.page-row__header--centered {
  text-align: center;
}
.page-row__header--blue {
  color: #009bc9;
}
.page-row__button a {
  color: #fff;
}
.page-row__banner {
  grid-column: span 12/span 12;
  margin-bottom: 2rem;
}
.page-row__banner--centered {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.page-row__banner-body {
  margin-bottom: 1rem;
}
.page-row__banner-body a {
  color: #009bc9;
}
.page-row__sidebar {
  grid-column: span 12/span 12;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.25rem;
  padding-bottom: 5rem;
}
@media (min-width: 480px) {
  .page-row__sidebar {
    gap: 2.5rem;
  }
}
.page-row__sidebar__left-col {
  grid-column: span 12/span 12;
}
@media (min-width: 1024px) {
  .page-row__sidebar__left-col {
    grid-column: span 5/span 5;
    border-right: 1px solid #e6e6e6;
    margin-right: 1.25rem;
    padding-right: 1rem;
  }
}
.page-row__sidebar__right-col {
  grid-column: span 12/span 12;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .page-row__sidebar__right-col {
    grid-column: span 7/span 7;
  }
}
.page-row__box {
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 0.5rem;
  padding: 1.5rem;
}
.page-row__box__body-text {
  margin-bottom: 2.5rem;
}
.page-row__content-box {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}
.page-row__text-row {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: baseline;
}

.page-article__date {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #b8d3db;
  font-style: italic;
}
.page-article__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #009bc9;
}
.page-article__text--bolder {
  font-weight: 500;
}
.page-article__text--uppercase {
  text-transform: uppercase;
}
.page-article__eyebrows {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #444;
  text-transform: uppercase;
  display: none;
}
.page-article__banner {
  background-color: #dde7f3;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
}
.page-article__banner__icon {
  color: #222;
  margin-right: 0.5rem;
}
.page-article__banner__text {
  color: #009bc9;
  border-bottom-color: #b8d3db;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
}
.page-article__topic-list {
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page-article__topic-list > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.5rem;
}
.page-article__topic-list__link {
  color: #009bc9;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.page-article__header {
  color: #444;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (min-width: 480px) {
  .page-article__header {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.page-article__subtitle {
  color: #333;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 480px) {
  .page-article__subtitle {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.page-article__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.page-article__grid__left-col {
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #b8d3db;
  border-bottom-color: #b8d3db;
  border-bottom-width: 3px;
  border-top-width: 3px;
  grid-column: span 3/span 3;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}
@media (min-width: 480px) {
  .page-article__grid__left-col {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .page-article__grid__left-col {
    grid-column: span 1/span 1;
  }
}
.page-article__grid__content-col {
  max-width: none;
}
@media (min-width: 0) {
  .page-article__grid__content-col {
    grid-column: span 3/span 3;
  }
}
@media (min-width: 768px) {
  .page-article__grid__content-col {
    grid-column: span 2/span 2;
  }
}
.page-article__grid__content-col ul {
  list-style: none !important;
}
.page-article__grid__text-box {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}
.page-article__grid__text-box--tight > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
  margin-bottom: 0rem;
}
.page-article__grid__text-box--loose > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
  margin-bottom: 0rem;
}
.page-article__icons {
  display: flex;
}
.page-article__icons > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.5rem;
}
.page-article__icons__link {
  display: inline-block;
}
.page-article__sidebar__img-wrap {
  display: inline-block;
  max-width: 300px;
  margin-bottom: 1.25rem;
}
.page-article__sidebar__img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.page-article__sidebar__text {
  margin-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.page-article__sidebar__text--bold {
  font-weight: 700;
}
.page-article__sidebar__button-container {
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
}
.page-article__sidebar__toc-title {
  color: #222;
  margin-bottom: 1rem;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.page-article__sidebar__toc-list {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
}
.page-article__sidebar__toc-list > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
  margin-bottom: 0rem;
}
.page-article__sidebar__toc-list li {
  display: inline-flex;
}
.page-article__sidebar__link {
  color: #1f5f8e;
}
@media (min-width: 768px) {
  .page-article__sidebar {
    float: left;
    width: 200px;
    margin: 0 15px 15px 0px;
    background-color: #fff;
    position: relative;
    z-index: 100;
  }
}
.page-article__related-item {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 480px) {
  .page-article__related-item {
    display: block;
  }
}
.page-article__related-item__title {
  color: #9f9fa0;
  border-bottom-style: solid;
  border-bottom-color: #636363;
  border-bottom-width: 2px;
  margin-bottom: 0.5rem;
  width: 100%;
  padding-bottom: 0.25rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.page-article__related-item__list {
  display: flex;
  flex-direction: column;
}
.page-article__related-item__list li {
  padding: 5px 0;
}

.hero {
  position: relative;
}
.hero__bg-img {
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.hero__content-wrapper {
  max-width: 64rem;
  width: 100%;
  height: 100%;
  min-height: 34rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
}
.hero__content-wrapper--left {
  justify-content: start;
}
.hero__content-wrapper--center {
  justify-content: center;
}
.hero__content-wrapper--right {
  justify-content: end;
}
.hero__text-box {
  z-index: 10;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  background-color: #fff;
  margin: 1rem;
  width: 42rem;
  max-width: 100%;
}
.hero__text-box--semi-transparent {
  background-color: rgba(255, 255, 255, 0.85);
}
.hero__text-box__header {
  font-weight: 700;
  color: #222;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 768px) {
  .hero__text-box__header {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.hero__text-box__text {
  color: #636363;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.hero__text-box__buttons-row {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
}
.hero__text-box__buttons-row > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .hero__text-box__buttons-row {
    flex-direction: row;
  }
  .hero__text-box__buttons-row > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0;
    margin-right: 1.5rem;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.cards-section {
  background-color: #fff;
}
.cards-section__cards-section {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 64rem;
  padding-top: 4rem;
  padding-bottom: 3rem;
}
.cards-section__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}
.cards-section__card {
  display: flex;
  flex-direction: column;
  border-radius: 0.125rem;
  padding: 2rem;
  box-shadow: 0 0 10px 1px rgba(183, 183, 183, 0.16);
}
@media (min-width: 0) {
  .cards-section__card {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .cards-section__card {
    grid-column: span 4/span 4;
  }
}
.cards-section__card__header {
  margin-bottom: 1.5rem;
  display: inline-flex;
  align-items: center;
}
.cards-section__card__header-text {
  color: #444;
  margin-left: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.cards-section__card__text {
  flex-grow: 1;
  color: #444;
}
.cards-section__card__button-container {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
.cards-section__card-billboard {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  max-width: 64rem;
  box-shadow: 0 0 10px 1px rgba(183, 183, 183, 0.16);
}
@media (min-width: 0) {
  .cards-section__card-billboard {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .cards-section__card-billboard {
    flex-direction: row;
  }
}
.cards-section__card-billboard__header {
  background-color: #FFB802;
  padding: 2rem;
}
@media (min-width: 1024px) {
  .cards-section__card-billboard__header {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-right: 4rem;
  }
}
.cards-section__card-billboard__header__label {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  text-transform: uppercase;
  opacity: 0.8;
}
.cards-section__card-billboard__header__text {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: #fff;
}
.cards-section__card-billboard__content {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 2rem;
}
@media (min-width: 1024px) {
  .cards-section__card-billboard__content {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.cards-section__card-billboard__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #444;
  padding-bottom: 0.5rem;
  font-weight: 700;
}
.cards-section__card-billboard__text {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #444;
}
.cards-section__card-billboard__buttons-container {
  margin-top: 1.5rem;
}

.content-list__section {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {
  .content-list__posts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    max-width: 72rem;
    margin: 0 auto;
  }
}
.content-list__posts-grid .col-last ~ .content-list__post {
  background-color: #eeeeee;
}
.content-list__post-column {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
@media (min-width: 0) {
  .content-list__post-column {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 768px) {
  .content-list__post-column {
    grid-column: span 6/span 6;
  }
}
@media (min-width: 1024px) {
  .content-list__post-column {
    grid-column: span 3/span 3;
  }
}
.content-list__post-column:last-child {
  background: #eeeeee;
}
.content-list__post-column:last-child .divider-bar {
  width: calc(100% - 24px);
  left: 50%;
  transform: translateX(-50%);
}
.content-list__post-column__header {
  color: #fff;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.content-list__post-column__header-text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.content-list__posts-list {
  display: flex;
  flex-direction: column;
  flex: 2 0 auto;
}
.content-list__post {
  padding: 12px;
  position: relative;
}
.content-list__post + .content-list__post {
  padding-top: 1.75rem;
}
.content-list__post__title-link {
  font-size: 1rem;
  line-height: 1.44;
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: 700;
  color: #333;
  transition-property: color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.content-list__post__title-link:hover {
  color: #00ae9d;
}
.content-list__post__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.content-list__post__button-container {
  margin-top: 1.5rem;
  margin-bottom: 2.25rem;
}

.license-page {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding: 2.5rem 1.25rem 5rem;
  gap: 1.25rem;
  margin: 0 auto;
  max-width: 64rem;
}
@media (min-width: 0) {
  .license-page__section {
    grid-column: span 12/span 12;
  }
}
.license-page__section--img {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e6e6e6;
  padding-bottom: 0.25rem;
}
@media (min-width: 480px) {
  .license-page__section--img {
    flex-direction: row;
  }
}
.license-page__header {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 1rem;
  margin-left: 1rem;
  color: #636363;
}
.license-page__img {
  max-width: 42rem;
  width: 100%;
  height: auto;
}
.license-page__cta-box {
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  border-radius: 0.25rem;
  background-color: #fff;
  padding: 1.5rem;
}
@media (min-width: 480px) {
  .license-page__cta-box {
    padding: 2rem 3rem;
  }
}
.license-page__button-container {
  margin-top: 2rem;
}

.map-section {
  margin: 1rem 0;
}
.map-section__content {
  color: #485865;
  margin: 1rem 0;
}
.map-section__timestamp {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #485865;
  margin-bottom: 0.5rem;
  text-align: right;
}
.map-section__map {
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  max-width: 48rem;
}
@media (min-width: 768px) {
  .map-section__map {
    display: block;
  }
}
.map-section__map .relias-state-map {
  fill: currentColor;
}
.map-section__map .relias-state-map path {
  fill: currentColor;
  color: #ccc;
}
.map-section__map .relias-state-map__state-bg:hover {
  color: #1b65ab;
  cursor: pointer;
  opacity: 1;
  transition-duration: 0.15s;
  transition-property: background-color, border-color, color, fill, stroke;
}
.map-section__form {
  margin: 0.5rem 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .map-section__form {
    align-items: center;
    flex-direction: row;
    margin: 0 0.5rem;
  }
}
.map-section__form .form__label {
  margin-right: 0.5rem;
}
.map-section__result-details {
  border: 1px solid #004b8d;
  margin-top: 1rem;
}
.map-section__result-details__header-container {
  background-color: #004b8d;
}
.map-section__result-details__header {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 0.25rem;
}
.map-section__result-details__content {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
}
.map-section__result-details__content > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1.25rem;
}
.map-section__result-details__content ul,
.map-section__result-details__content ol {
  display: flex;
  flex-direction: column;
}
.map-section__result-details__content ul > li,
.map-section__result-details__content ol > li {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #444;
  margin-top: 0;
}
.map-section__result-details__content ul > :not([hidden]) ~ :not([hidden]),
.map-section__result-details__content ol > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}

.product-page {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding: 2.5rem 1.25rem 5rem;
  gap: 1.25rem;
  margin: 0 auto;
  max-width: 64rem;
}
@media (min-width: 0) {
  .product-page {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 0) {
  .product-page__breadcrumbs-container {
    grid-column: span 12/span 12;
  }
}
.product-page__content {
  grid-column: span 12/span 12;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .product-page__content {
    grid-column: span 9/span 9;
  }
}
.product-page__content ul {
  list-style: none !important;
}
.product-page__sidebar {
  grid-column: span 12/span 12;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .product-page__sidebar {
    grid-column: span 3/span 3;
  }
}
@media (min-width: 768px) {
  .product-page__sidebar {
    margin-bottom: 0;
  }
}
.product-page__sidebar__form {
  margin-top: 1.5rem;
}
.product-page__sidebar__header {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}
.product-page__sidebar__subheader {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}
.product-page__header {
  display: flex;
  flex-direction: column;
}
.product-page__header > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
  margin-bottom: 0rem;
}
@media (min-width: 768px) {
  .product-page__header {
    flex-direction: row;
  }
  .product-page__header > :not([hidden]) ~ :not([hidden]) {
    margin-right: 0rem;
    margin-left: 1rem;
  }
}
.product-page__header__img {
  display: inline-block;
  width: 14rem;
  height: auto;
}
.product-page__header__text {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}
.product-page__subtitle {
  color: #222;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2rem;
}
.product-page__add-to-cart {
  display: none;
}
@media (min-width: 768px) {
  .product-page__add-to-cart {
    display: block;
  }
}
.product-page__add-to-cart--mobile {
  display: block;
}
@media (min-width: 768px) {
  .product-page__add-to-cart--mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .product-page__download-btn {
    display: none;
  }
}
.product-page__details {
  border-bottom: 2px solid #485865;
  background-color: #f8f8f8;
}
.product-page__details--loose {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.product-page__details__header {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #485865;
  border-bottom: 2px solid #485865;
  padding: 0.75rem;
  text-align: center;
  font-weight: 700;
}
@media (min-width: 480px) {
  .product-page__details__header {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.product-page__details__text-content {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.product-page__details__text {
  color: #222;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
}
.product-page__details__text--bold {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #526370;
  font-weight: 600;
}
.product-page__details__footer-text {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}
.product-page__details__footer-text > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
  margin-bottom: 0rem;
}
@media (min-width: 480px) {
  .product-page__details__footer-text {
    flex-direction: row;
  }
  .product-page__details__footer-text > :not([hidden]) ~ :not([hidden]) {
    margin: 0 0rem 0 1rem;
  }
}

.profile-page {
  /* Modal: Order Details */
}
.profile-page > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
  margin-bottom: 0rem;
}
.profile-page .migration-alert {
  margin-bottom: 20px;
}
.profile-page__header-box {
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 32px;
  padding: 1.5rem 0.75rem;
}
.profile-page__header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px;
}
.profile-page__dropdown-btn {
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  color: #fff;
  background-color: #009bc9;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  border-radius: 0.25rem;
  padding: 8px 30px;
}
.profile-page__dropdown-btn > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.25rem;
}
.profile-page__dropdown-btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #1f5f8e;
}
.profile-page__dropdown {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
}
.profile-page__dropdown ul > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
  margin-bottom: 0rem;
}
.profile-page__dropdown ul li {
  padding-bottom: 8px;
}
.profile-page__dropdown ul a {
  color: #009bc9;
}
.profile-page__section-header {
  color: #636363;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
@media (min-width: 480px) {
  .profile-page__section-header {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.profile-page__button-container {
  border-top-style: solid;
  border-top-color: #aec4d7;
  border-top-width: 1px;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
}
.profile-page__subscriptions__list {
  display: flex;
  flex-direction: column;
}
.profile-page__subscriptions__list > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
  margin-bottom: 0rem;
}
.profile-page__subscriptions__list-item {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
}
.profile-page__subscriptions__link {
  margin-bottom: 0.25rem;
}
.profile-page__subscriptions__expiration-text {
  color: #444;
  font-size: 0.75rem;
  line-height: 1rem;
}
.profile-page__my-orders {
  border: 1px solid #ccc;
  margin-bottom: 2rem;
}
.profile-page__my-orders__header {
  background-color: #f8f8f8;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 0.5rem;
  padding-bottom: 1rem;
}
@media (min-width: 480px) {
  .profile-page__my-orders__header {
    flex-direction: row;
  }
}
.profile-page__my-orders__header__col {
  display: flex;
  flex-direction: column;
}
.profile-page__my-orders__header__col > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
  margin-bottom: 0rem;
}
.profile-page__my-orders__header__col--left {
  align-items: flex-start;
}
@media (min-width: 480px) {
  .profile-page__my-orders__header__col--right {
    align-items: flex-end;
  }
}
.profile-page__my-orders__links-container {
  display: flex;
}
.profile-page__my-orders__links-container > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.25rem;
}
.profile-page__my-orders .table {
  margin-bottom: 0;
}
@media (max-width: 479px) {
  .profile-page__my-orders .table thead {
    overflow-y: scroll;
    display: block;
  }
}
.profile-page__my-orders .table tbody {
  border-bottom: none;
}
@media (max-width: 479px) {
  .profile-page__my-orders .table tbody {
    overflow-y: scroll;
    display: block;
  }
}
.profile-page__my-orders .grand_total {
  background-color: #f8f8f8;
}
.profile-page__my-content > :not([hidden]) ~ :not([hidden]) {
  margin-top: 2rem;
  margin-bottom: 0rem;
}
.profile-page__my-content__subtitle {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #444;
  margin-bottom: 0.5rem;
}
.profile-page__my-content__link-list {
  display: flex;
  flex-direction: column;
}
.profile-page__my-content__link-list > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
  margin-bottom: 0rem;
}
@media (min-width: 480px) {
  .profile-page__my-content__link-list {
    flex-direction: row;
  }
  .profile-page__my-content__link-list > :not([hidden]) ~ :not([hidden]) {
    margin: 0 0rem 0 1rem;
  }
}
.profile-page__my-content__table-header {
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.profile-page__my-content .content-loading {
  position: static;
  height: auto;
}
.profile-page__text {
  font-size: 1rem;
  line-height: 1.5rem;
}
.profile-page__text--title {
  font-weight: 700;
  margin-right: 0.25rem;
}
.profile-page__link {
  color: #009bc9;
}
.profile-page__link--medium {
  font-weight: 600;
}
.profile-page__link--lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.profile-page__link--with-icon {
  display: inline-flex;
  align-items: center;
}
.profile-page__link--with-icon > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.25rem;
}
.profile-page .modal__header {
  margin-top: 0;
}
.profile-page .modal__text-container {
  flex-direction: column;
}
.profile-page .modal__close-btn {
  margin-top: 0;
}

.page .profile-page__header {
  margin-bottom: 32px;
  color: #636363;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 480px) {
  .page .profile-page__header {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.product-landing {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.25rem;
  position: relative;
  max-width: 96rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 0) {
  .product-landing {
    grid-column: span 12/span 12;
  }
}
.product-landing__grid {
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 0) {
  .product-landing__grid {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .product-landing__grid {
    gap: 2rem;
  }
}
.product-landing__header {
  font-size: 2.25rem;
  line-height: 2.5rem;
  color: #444;
  font-weight: 700;
  margin-bottom: 1rem;
  margin-top: 2rem;
  text-align: center;
}
@media (min-width: 0) {
  .product-landing__header {
    grid-column: span 12/span 12;
  }
}
.product-landing__btn-container {
  display: flex;
  justify-content: center;
}
@media (min-width: 0) {
  .product-landing__btn-container {
    grid-column: span 12/span 12;
  }
}
.product-landing__news {
  background-color: #f8f8f8;
  display: block;
  margin: 2rem 0;
  padding: 2rem 1rem;
}
.product-landing__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-landing__col {
  background-color: #fff;
  border: 1px solid #ccc;
}
@media (min-width: 0) {
  .product-landing__col {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 768px) {
  .product-landing__col {
    grid-column: span 6/span 6;
  }
}
@media (min-width: 1024px) {
  .product-landing__col {
    grid-column: span 3/span 3;
  }
}
.product-landing__col__header {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #222;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #ccc;
}
.product-landing__border {
  border-top: 1px solid #ccc;
  display: inline-block;
  width: 90%;
}

@media (min-width: 0) {
  .page-clinical-area__sidebar {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .page-clinical-area__sidebar {
    grid-column: span 4/span 4;
  }
}
@media (min-width: 1024px) {
  .page-clinical-area__sidebar {
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 1px solid #ccc;
  }
}
.page-clinical-area__mobile-button {
  background-color: #f8f8f8;
  margin-bottom: 0.5rem;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: left;
}
@media (min-width: 1024px) {
  .page-clinical-area__mobile-button {
    display: none;
  }
}
.page-clinical-area__mobile-button__text {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.page-clinical-area__current-filters {
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
}
.page-clinical-area__current-filters > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.25rem;
}
.page-clinical-area__current-filters__filter {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #004b8d;
  display: inline-flex;
  align-items: center;
}
.page-clinical-area__filter-list {
  display: flex;
  flex-direction: column;
}
.page-clinical-area__filter-list__header {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 0.5rem;
  font-weight: 700;
}
.page-clinical-area__filter-type__header {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #444;
  font-weight: 500;
}
.page-clinical-area__filter-type__list {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  margin-left: 0.25rem;
  display: flex;
  flex-direction: column;
}
.page-clinical-area__filter-type__list > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0rem;
  margin-left: 0.25rem;
}
.page-clinical-area__filter-type__link {
  color: #004b8d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 0) {
  .page-clinical-area__products-section {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .page-clinical-area__products-section {
    grid-column: span 8/span 8;
  }
}
.page-clinical-area__products-section__header {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.products-page {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding: 2.5rem 1.25rem 5rem;
  gap: 1.25rem;
  margin: 0 auto;
  max-width: 64rem;
}
@media (min-width: 0) {
  .products-page {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 0) {
  .products-page__breadcrumbs-container {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 0) {
  .products-page__sidebar {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .products-page__sidebar {
    grid-column: span 3/span 3;
  }
}
@media (min-width: 1024px) {
  .products-page__sidebar {
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 1px solid #e6e6e6;
  }
}
.products-page__mobile-button {
  background-color: #f8f8f8;
  margin-bottom: 0.5rem;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: left;
}
@media (min-width: 1024px) {
  .products-page__mobile-button {
    display: none;
  }
}
.products-page__mobile-button__text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.products-page__current-filters {
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
}
.products-page__current-filters > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
  margin-bottom: 0rem;
}
.products-page__current-filters__filter {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #004b8d;
  display: inline-flex;
  align-items: center;
}
.products-page__filter-list {
  display: flex;
  flex-direction: column;
}
.products-page__filter-list__header {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #222;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 0.25rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
}
.products-page__filter-type__header {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #444;
  font-weight: 500;
}
.products-page__filter-type__list {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  margin-left: 0.25rem;
  display: flex;
  flex-direction: column;
}
.products-page__filter-type__list > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
  margin-bottom: 0rem;
}
.products-page__filter-type__link {
  color: #004b8d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.products-page__filter-icon {
  margin-right: 0.25rem;
}
.products-page__link-list {
  margin-bottom: 1rem;
}
.products-page__link-list__title {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
}
.products-page__link-list__list-item {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-left: 1.5rem;
  margin-bottom: 0.25rem;
  list-style-type: none;
}
.products-page__link-list__list-item a {
  color: #004b8d;
}
.products-page__link-list__list-item a:hover {
  color: #1f5f8e;
}
@media (min-width: 0) {
  .products-page__products {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 1024px) {
  .products-page__products {
    grid-column: span 9/span 9;
  }
}
.products-page__products > :not([hidden]) ~ :not([hidden]) {
  margin-top: 3rem;
  margin-bottom: 0rem;
}
.products-page__products__link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1f5f8e;
}
.products-page__products__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.products-page__products__header {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 1rem;
}

.publication-page__img {
  width: 100%;
  height: auto;
}
.publication-page__date {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  margin-bottom: 1.25rem;
  font-weight: 700;
  font-style: italic;
}
.publication-page__archives {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.publication-page__archives__title {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 480px) {
  .publication-page__archives__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.publication-page__entries {
  display: flex;
  flex-direction: column;
}
.publication-page__entries li {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 1px solid #e6e6e6;
  padding-top: 1rem;
}
.publication-page__entries__footer-link {
  margin-top: 1.5rem;
  display: inline-block;
}
.publication-page__entries__entry h3 {
  line-height: 2rem;
  margin-bottom: 1rem;
}
.publication-page__entries__entry h3 a {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.publication-page__entries__entry h3 a:hover {
  text-decoration: underline;
}
.publication-page__entries__entry-footer {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 1rem;
}
.publication-page__entries__entry-footer a:hover {
  text-decoration: underline;
}
.publication-page__sidebar {
  grid-column: span 12/span 12;
}
@media (min-width: 768px) {
  .publication-page__sidebar {
    grid-column: span 4/span 4;
  }
}
.publication-page__sidebar > :not([hidden]) ~ :not([hidden]) {
  margin-top: 2rem;
  margin-bottom: 0rem;
}
.publication-page__sidebar__date {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}
.publication-page__sidebar__date--bold {
  font-weight: 700;
}
.publication-page__sidebar__btn-container {
  display: flex;
  flex-direction: column;
}
.publication-page__sidebar__btn-container > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
  margin-bottom: 0rem;
}

.search-results-page__sort-results {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.search-results-page__results-list {
  margin-top: 1rem;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
}
.search-results-page__results-list > :not([hidden]) ~ :not([hidden]) {
  margin-top: 3rem;
}
.search-results-page__result {
  display: flex;
  flex-direction: column;
}
.search-results-page__result__text-headline {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.search-results-page__result__text-date {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
  font-style: italic;
}
.search-results-page__result__text-body {
  margin-bottom: 1rem;
}
.search-results-page__form-container {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.search-results-page__form-title {
  margin-bottom: 0.25rem;
}

.search-page__form-container {
  margin-bottom: 2.5rem;
}
.search-page__form .form__row {
  margin-bottom: 0;
}
.search-page__form .form__row + .form__row {
  margin-top: 1.5rem;
}

@media (min-width: 1024px) {
  .landing-page {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }
}
.landing-page__subheader {
  margin-bottom: 1rem;
}
@media (min-width: 0) {
  .landing-page__col {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 768px) {
  .landing-page__col--left {
    grid-column: span 7/span 7;
  }
}
@media (min-width: 1024px) {
  .landing-page__col--right {
    grid-column: span 5/span 5;
  }
}
.landing-page__video-container {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  max-width: 28rem;
  position: relative;
  padding-bottom: 50%;
}
.landing-page__video-container iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.landing-page__header-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.375rem;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.landing-page__header-card__header {
  color: #fff !important;
  font-weight: 700;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (min-width: 480px) {
  .landing-page__header-card__header {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.landing-page__header-card__body {
  background-color: #fff;
  padding: 2rem;
}
.landing-page__header-card__content {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 1rem;
}
.landing-page__header-card__list-text {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #222;
}
.landing-page__header-card__list-text--bold {
  font-weight: 700;
}
.landing-page__header-card__footer {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.landing-page__header-card__footer-text {
  color: #222;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media (min-width: 480px) {
  .landing-page__header-card__footer-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.landing-page__header-card__footer-price {
  font-weight: 600;
  color: #ffa200;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media (min-width: 480px) {
  .landing-page__header-card__footer-price {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.landing-page__banner__header-container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  max-width: 64rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2.5rem;
}
.landing-page__banner__header-text {
  color: #2b8d00;
  margin-bottom: 0.25rem;
  text-align: left;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media (min-width: 480px) {
  .landing-page__banner__header-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.landing-page__banner__stats-container {
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .landing-page__banner__stats-container {
    background-color: #6ab443;
  }
}
.landing-page__banner__stats-grid {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 64rem;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.landing-page__stats-col {
  color: #fff;
  grid-column: span 12/span 12;
  padding: 1.25rem;
}
@media (min-width: 480px) {
  .landing-page__stats-col {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {
  .landing-page__stats-col {
    grid-column: span 4/span 4;
    display: flex;
    flex-direction: column;
  }
}
.landing-page__stats-col--left {
  background-color: #6ab443;
}
@media (min-width: 1024px) {
  .landing-page__stats-col--left {
    padding-left: 0;
  }
}
.landing-page__stats-col--left .page-subscription__stats-col__content {
  display: flex;
  align-items: center;
}
.landing-page__stats-col--middle {
  background-color: #c5e3b0;
}
.landing-page__stats-col--middle .page-subscription__stats-col__content {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .landing-page__stats-col--middle .page-subscription__stats-col__content {
    margin-right: 1rem;
  }
}
@media (min-width: 1024px) {
  .landing-page__stats-col--middle .page-subscription__stats-col__content {
    margin-right: 0;
  }
}
.landing-page__stats-col--right {
  background-color: #6ab443;
}
.landing-page__stats-col__content {
  grid-row: span 2/span 2;
}
@media (min-width: 0) {
  .landing-page__stats-col__content {
    grid-column: span 2/span 2;
  }
}
.landing-page__stats-col__title {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.5rem;
}
@media (min-width: 480px) {
  .landing-page__stats-col__title {
    font-size: 3rem;
    line-height: 1;
  }
}
.landing-page__stats-col__subtitle-container {
  grid-row: span 1/span 1;
}
@media (min-width: 0) {
  .landing-page__stats-col__subtitle-container {
    grid-column: span 10/span 10;
  }
}
.landing-page__stats-col__subtitle {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 480px) {
  .landing-page__stats-col__subtitle {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.landing-page__stats-col__text {
  grid-row: span 1/span 1;
  margin-top: 0.5rem;
}
@media (min-width: 0) {
  .landing-page__stats-col__text {
    grid-column: span 10/span 10;
  }
}
.landing-page__stats-col__text p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.landing-page__article-cards {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  display: grid;
  max-width: 56rem;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2.5rem;
}
.landing-page__article-cards__header {
  grid-column: span 12/span 12;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.landing-page__article-cards__header__text {
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  font-weight: 600;
}
.landing-page__article-cards__col {
  background-color: #f8f8f8;
}
@media (min-width: 0) {
  .landing-page__article-cards__col {
    grid-column: span 12/span 12;
  }
}
@media (min-width: 768px) {
  .landing-page__article-cards__col {
    grid-column: span 6/span 6;
  }
}
@media (min-width: 1024px) {
  .landing-page__article-cards__col {
    grid-column: span 4/span 4;
  }
}
.landing-page__article-cards__col-header {
  background-color: #e01919;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.landing-page__article-cards__col-header__text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #fff;
  font-weight: 600;
}
.landing-page__article-cards__col-list {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.landing-page__article-cards__col-list > :not([hidden]) ~ :not([hidden]) {
  margin-top: 2rem;
  margin-bottom: 0rem;
}
.landing-page__article-cards__col-list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
}
.landing-page__card {
  display: flex;
  padding-bottom: 2rem;
}
.landing-page__card:last-child {
  padding-bottom: 1rem;
}
.landing-page__card img {
  height: auto;
  width: 5rem;
}
.landing-page__card__text-container {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  padding-left: 0.75rem;
}
.landing-page__card__text-container .btn {
  cursor: pointer;
  max-width: 115px;
}
@media (min-width: 1024px) {
  .landing-page__card__text-container .btn {
    max-width: none;
  }
}
.landing-page__card__text-container .btn--outline {
  border-radius: 20px;
  border-width: 2px;
}
.landing-page__card__text-container .modal__close-btn {
  margin-top: 0;
}
.landing-page__card__text-container .modal__header {
  margin-top: 0;
}
.landing-page__card__text-container .modal__content .product-title {
  font-size: 2.25rem;
  line-height: 2.5rem;
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
}
.landing-page__card__text-container .modal__content .product-title:hover {
  text-decoration: underline;
}
.landing-page__card__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #222;
  line-height: 1rem;
  margin-bottom: 7px;
  font-weight: 600;
}
.landing-page__card__body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #222;
  margin-bottom: 0.5rem;
}
@media (min-width: 0) {
  .landing-page__footer {
    grid-column: span 12/span 12;
  }
}
.landing-page__footer__text {
  color: #222;
  font-weight: 500;
}
.landing-page__footer__link {
  color: #009bc9;
  margin-left: 0.5rem;
  font-weight: 700;
}
.landing-page__footer-content {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-page:not(.user-page--login) > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1.5rem;
  margin-bottom: 0rem;
}
.user-page__header {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.user-page__form-container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin: 1.5rem 0 2rem;
  padding: 2rem 0 2.5rem;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}
@media (min-width: 768px) {
  .user-page__form-container {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .user-page__form-container {
    gap: 3.2rem;
  }
}
.user-page__links {
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: column;
}
.user-page__links > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.875rem;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .user-page__links {
    margin-top: 1.5rem;
  }
}
.user-page__link {
  color: #009bc9;
}
.user-page__button-container {
  border-top: solid 1px #aec4d7;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
}

.page .user-page--login .user-page__header {
  margin-bottom: 0.5rem;
}
.user-page--login .user-page--login-content {
  margin-top: 0;
}
.user-page--login .prose {
  max-width: 100%;
}
.user-page--login .form {
  flex: 0 0 52%;
}
.user-page--login .form > .form__row {
  margin: 0;
}
.user-page--login .form__label:not([for=remember_me]) {
  font-weight: 500;
}
.user-page--login .form__input-group {
  margin-bottom: 1.5rem;
}
.user-page--login .form .form__checkbox {
  align-items: center;
  margin: 0;
}
.user-page--login .form .form__checkbox input[type=checkbox] {
  margin: 0.1rem 0.2rem 0 0;
}
.user-page--login .form .btn {
  min-width: 150px;
}
.user-page--login .user-page__other-details p {
  margin: 0 0 0.5rem 0;
}
.user-page--login .user-page__other-details a {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.blog-listing__img {
  width: 100%;
  height: auto;
}
.blog-listing__date {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  margin-bottom: 1.25rem;
  font-weight: 700;
  font-style: italic;
}
.blog-listing__archives {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.blog-listing__archives__title {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 480px) {
  .blog-listing__archives__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.blog-listing__entries {
  display: flex;
  flex-direction: column;
}
.blog-listing__entries > :not([hidden]) ~ :not([hidden]) {
  margin-top: 3rem;
  margin-bottom: 0rem;
}
.blog-listing__entries__title-link {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #222;
  margin-bottom: 1rem;
  font-weight: 700;
}
.blog-listing__entries__footer-link {
  color: #1b65ab;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.blog-listing__sidebar {
  grid-column: span 12/span 12;
}
@media (min-width: 768px) {
  .blog-listing__sidebar {
    grid-column: span 4/span 4;
  }
}
.blog-listing__sidebar > :not([hidden]) ~ :not([hidden]) {
  margin-top: 2rem;
  margin-bottom: 0rem;
}
.blog-listing__sidebar__date {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}

/*
 *  Contact Us Page
 */
.page--contact-us .page-row {
  padding: 0;
}
.page--contact-us .page-row__banner {
  background-image: linear-gradient(to right, #d6e1f0, #eef6e9);
  border-radius: 5px;
  padding: 30px 25px;
  min-height: 250px;
}
.page--contact-us .page-row__banner-body {
  margin-bottom: 0;
}
.page--contact-us .page-row__banner .page-row__button {
  margin-top: 30px;
}
.page--contact-us .page-row__header {
  margin-bottom: 15px;
}
.page--contact-us .page-row__content-box {
  margin-top: 0;
}
.page--contact-us .page-row__sidebar > * + .page--contact-us .page-row__sidebar > * {
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .page--contact-us .page-row__sidebar > * + .page--contact-us .page-row__sidebar > * {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .page--contact-us .page-row__sidebar__left-col {
    grid-column: span 7/span 7;
  }
}
@media (min-width: 1024px) {
  .page--contact-us .page-row__sidebar__right-col {
    grid-column: span 5/span 5;
  }
}

/*
 *  Contact Support Form
 */
.support-form {
  margin: 20px 0;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.1);
}

.transcript {
  padding: 2.5rem 1.25rem 5rem;
  margin: 0 auto;
  max-width: 64rem;
}
.transcript__type-header {
  background-color: #e6e6e6;
  color: #636363;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: baseline;
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1rem;
}
.transcript__item {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 1rem;
  padding: 2.25rem 1rem 1rem 1rem;
  position: relative;
  box-shadow: 0 0 6px #ccc;
}
.transcript__item h3 {
  color: #009bc9;
  font-weight: normal;
  margin-bottom: 0.25rem;
}
.transcript__item p {
  color: #aaa;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.transcript__item dl {
  color: #aaa;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  gap: 1rem;
  text-align: center;
  align-items: center;
}
.transcript__item dl dd {
  color: #636363;
  margin-bottom: 1rem;
}
.transcript__item__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid #e6e6e6;
  margin-top: 1rem;
  padding-top: 1rem;
  align-items: center;
}
.transcript__item__meta--in-progress {
  justify-content: end;
}
.transcript__item__status {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #009bc9;
  padding: 0.25rem;
  min-width: 120px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: bold;
  color: #fff;
}
.transcript__item__status--complete {
  background-color: #2b8d00;
}

@media all {
  .row {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
  }

  .invoice {
    padding: 15px 30px;
  }
  .invoice .invoice__logo__img {
    height: 60px;
  }
  .invoice address {
    margin: 10px 0;
  }
  .invoice .title__message {
    line-height: 2rem;
  }
  .invoice .small {
    font-weight: 300;
  }
  .invoice hr {
    margin: 5px 0;
    border-color: #ddd;
  }
  .invoice .table {
    font-size: 1rem;
  }
  .invoice .table tr.line {
    border-bottom: 1px solid #ccc;
  }
  .invoice .table td {
    border: none;
    padding: 1.5rem 0.5rem;
  }
  .invoice .table .invoice__total_summary {
    background-color: #f8f8f8;
  }
  .invoice .identity {
    margin-top: 10px;
    font-size: 1.1em;
    font-weight: 300;
  }
  .invoice .identity strong {
    font-weight: 600;
  }

  .invoice__order_summary {
    padding: 15px 30px;
    margin-bottom: 50px;
  }
  .invoice__order_summary h3 {
    margin: 10px 0;
  }

  .invoice.grid {
    position: relative;
    width: 100%;
    background: #fff;
    color: #636363;
  }
}
.topic-highlight .grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}
.topic-highlight .banner {
  margin-top: 25px;
}
.topic-highlight .banner h1,
.topic-highlight .banner .action {
  width: 100%;
}
.topic-highlight .banner p {
  margin-bottom: 35px;
  width: 100%;
}
.topic-highlight .banner .content {
  grid-column: span 12/span 12;
}
@media (min-width: 768px) {
  .topic-highlight .banner .content {
    grid-column: span 9/span 9;
    padding-left: 38px;
  }
}
.topic-highlight .banner .image {
  display: none;
  grid-column: span 3/span 3;
}
@media (min-width: 768px) {
  .topic-highlight .banner .image {
    display: initial;
  }
}
.topic-highlight .banner .image img {
  width: 100%;
}
.topic-highlight .page__main-content {
  border-right: 0;
  padding-right: 0;
}
.topic-highlight .page__main-content .card {
  grid-column: span 12/span 12;
  padding-bottom: 32px;
  position: relative;
}
@media (min-width: 768px) {
  .topic-highlight .page__main-content .card {
    grid-column: span 4/span 4;
  }
}
.topic-highlight .page__main-content .card h4 {
  font-size: 1.125rem;
  line-height: 1.25;
  font-weight: normal;
}
.topic-highlight .page__main-content .card h5 {
  font-size: 0.85rem;
  font-weight: normal;
  margin: 10px 0;
}
.topic-highlight .page__main-content .card-thumbnail {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  line-height: 0;
  margin-bottom: 20px;
  padding: 4px;
  transition: border 0.2s ease-in-out;
}
.topic-highlight .page__main-content .action {
  bottom: 0;
  position: absolute;
}
.topic-highlight .page__main-content .pagination {
  grid-column: span 12/span 12;
}
.topic-highlight .page__main-content .pagination a:not(.btn):hover {
  color: #fff;
}
.topic-highlight .page__sidebar {
  grid-row: span 12/span 12;
}
.topic-highlight .page__sidebar .header {
  background-color: #6ab443;
  color: #fff;
  padding: 22px 18px;
}
.topic-highlight .page__sidebar .header h2 {
  color: #fff;
}
.topic-highlight .page__sidebar .header p {
  line-height: 1.7rem;
}
.topic-highlight .page__sidebar .list {
  background-color: #d6e1f0;
}

.v-select {
  position: relative;
  font-family: inherit;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */
@-webkit-keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Dropdown Default Transition */
.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

/** Component States */
/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: #f8f8f8;
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */
.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}
.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}
.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}
.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */
.vs__dropdown-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}

.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */
.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transform: scale(1);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(1);
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

/* Clear Button */
.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
}

.vs__no-options {
  text-align: center;
}

/* List Items */
.vs__dropdown-option {
  line-height: 1.42857143;
  /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333;
  /* Overrides most CSS frameworks */
  white-space: nowrap;
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: #5897fb;
  color: #fff;
}

.vs__dropdown-option--deselect {
  background: #fb5858;
  color: #fff;
}

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
  cursor: inherit;
}

/* Selected Tags */
.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}
.vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: 0.4;
}
.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */
/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */
.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}

.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

.vs__search::-moz-placeholder {
  color: inherit;
}

.vs__search:-ms-input-placeholder {
  color: inherit;
}

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */
.vs--unsearchable .vs__search {
  opacity: 1;
}
.vs--unsearchable:not(.vs--disabled) .vs__search {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.2;
}

/* Loading Spinner */
.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  -webkit-animation: vSelectSpinner 1.1s infinite linear;
          animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */
.vs--loading .vs__spinner {
  opacity: 1;
}

hr.devDivider {
  width: 100%;
  min-width: 100%;
  display: block;
  height: 20px;
  border: none;
  background: #cb2f2a;
}
hr.devDivider::after {
  content: "This divider is for development only";
  color: #fff;
  font-size: 0.8rem;
  padding: 4px;
}