button,
.button {
  display: block;
  line-height: 1;
  padding: var(--spacing-regular) var(--spacing-lg);
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: background-color var(--transition-duration) var(--easing), color var(--transition-duration) var(--easing), box-shadow var(--transition-duration) var(--easing);
  color: var(--color-slate-light);
  background-color: var(--color-blue-dark);
}
button:hover,
.button:hover {
  background-color: var(--color-blue-primary);
}
button:focus-visible,
.button:focus-visible {
  outline: 3px solid var(--color-blue-primary);
  outline-offset: 2px;
}
button:disabled,
.button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
button:disabled:hover,
.button:disabled:hover {
  background-color: var(--color-blue-dark);
}

button.hollow,
.button.hollow {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px var(--color-blue-dark);
  color: var(--color-blue-dark);
}
button.hollow:hover,
.button.hollow:hover {
  box-shadow: inset 0 0 0 2px var(--color-blue-primary);
  color: var(--color-blue-primary);
}
button.hollow:focus-visible,
.button.hollow:focus-visible {
  outline: 3px solid var(--color-blue-primary);
  outline-offset: 2px;
}
button.hollow:disabled,
.button.hollow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
button.hollow:disabled:hover,
.button.hollow:disabled:hover {
  box-shadow: inset 0 0 0 2px var(--color-blue-dark);
  color: var(--color-blue-dark);
  background-color: transparent;
}

button.inverted,
.button.inverted {
  background-color: var(--color-slate-light);
  color: var(--color-blue-dark);
}
button.inverted:hover,
.button.inverted:hover {
  background-color: var(--color-blue-primary);
  color: var(--color-slate-light);
}
button.inverted:focus-visible,
.button.inverted:focus-visible {
  outline: 3px solid var(--color-blue-primary);
  outline-offset: 2px;
}
button.inverted:disabled,
.button.inverted:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
button.inverted:disabled:hover,
.button.inverted:disabled:hover {
  background-color: var(--color-slate-light);
  color: var(--color-blue-dark);
}

button.hollow.inverted,
.button.hollow.inverted {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px var(--color-slate-light);
  color: var(--color-slate-light);
}
button.hollow.inverted:hover,
.button.hollow.inverted:hover {
  box-shadow: inset 0 0 0 2px var(--color-blue-primary);
}
button.hollow.inverted:focus-visible,
.button.hollow.inverted:focus-visible {
  outline: 3px solid var(--color-blue-primary);
  outline-offset: 2px;
}
button.hollow.inverted:disabled,
.button.hollow.inverted:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
button.hollow.inverted:disabled:hover,
.button.hollow.inverted:disabled:hover {
  box-shadow: inset 0 0 0 2px var(--color-slate-light);
  color: var(--color-slate-light);
  background-color: transparent;
}

button.icon-button,
.button.icon-button {
  padding: var(--spacing-sm);
  background-color: var(--color-white);
  color: var(--color-blue-dark);
}
button.icon-button:hover,
.button.icon-button:hover {
  background-color: var(--color-blue-primary);
  color: var(--color-slate-light);
}
button.icon-button:focus-visible,
.button.icon-button:focus-visible {
  outline: 3px solid var(--color-blue-primary);
  outline-offset: 2px;
}
button.icon-button:disabled,
.button.icon-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
button.icon-button:disabled:hover,
.button.icon-button:disabled:hover {
  background-color: var(--color-slate-light);
  color: var(--color-blue-dark);
}
button.icon-button .icon,
.button.icon-button .icon {
  font-size: 2rem;
}

button.icon-button.rounded,
.button.icon-button.rounded {
  padding: 0.75rem;
  border-radius: 50%;
}
button.icon-button.rounded .icon,
.button.icon-button.rounded .icon {
  font-size: 1.5rem;
}

button.gradient,
.button.gradient {
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  padding: var(--spacing-regular) var(--spacing-lg);
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: background-color var(--transition-duration) var(--easing), color var(--transition-duration) var(--easing), box-shadow var(--transition-duration) var(--easing);
  color: var(--color-slate-light);
  background: var(--gradient-button);
}
button.gradient:focus-visible,
.button.gradient:focus-visible {
  outline: 3px solid var(--color-blue-primary);
  outline-offset: 2px;
}
button.gradient:disabled,
.button.gradient:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/**
 *
 * Breakpoints
 *
 */
body.nav-is-active {
  overflow: hidden;
}
body.nav-is-active #header {
  background: var(--color-blue-dark);
}
body.nav-is-active #header-nav-wrap {
  visibility: visible;
  opacity: 1;
  transform: none;
}

body.sub-menu-is-active {
  overflow: hidden;
}
body.sub-menu-is-active #header {
  background: var(--color-blue-dark);
}
body.sub-menu-is-active #header-nav-overlay {
  width: 100vw;
  height: 100dvh;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease, width 0s, height 0s;
}

#header {
  position: relative;
  z-index: 1000;
  margin-block-end: calc(var(--header-height) * -1);
  background: transparent;
  backdrop-filter: blur(40px);
  color: var(--color-slate-light);
  transition: background 0.3s ease;
}

#header-nav-overlay {
  display: block;
  position: fixed;
  inset: 0;
  inset-block-start: var(--header-height);
  inset-inline: 0;
  z-index: 50;
  width: 0;
  height: 0;
  background: rgb(from var(--color-blue-dark) r g b/0.8);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, width 0s 0.3s, height 0s 0.3s;
}

#header-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--spacing-regular);
}
@media (min-width: 64em) {
  #header-grid {
    padding-block: 1.125rem;
  }
}
#header-grid #header-logo {
  display: block;
}
#header-grid #header-logo img {
  max-height: 1.625rem;
}
@media (min-width: 64em) {
  #header-grid #header-logo img {
    max-height: 2.25rem;
  }
}
@media (min-width: 64em) {
  #header-grid #header-toolbar .toggle {
    display: none;
  }
}
#header-grid #header-toolbar .toggle .icon-close {
  display: none;
}
#header-grid #header-toolbar .toggle.is-active .icon-menu {
  display: none;
}
#header-grid #header-toolbar .toggle.is-active .icon-close {
  display: block;
}
#header-grid #header-toolbar .icon {
  font-size: 2rem;
}

#header-nav-wrap {
  position: absolute;
  inset-block-start: 100%;
  inset-inline: 0;
  z-index: 100;
  width: 100%;
  height: calc(100dvh - var(--header-height));
  padding-inline: 1rem;
  background: var(--color-blue-dark);
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-1rem);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
@media (min-width: 48em) {
  #header-nav-wrap {
    padding-inline: 2.5rem;
  }
}
@media (min-width: 64em) {
  #header-nav-wrap {
    position: static;
    width: auto;
    height: auto;
    padding-inline: 0;
    background: none;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    transform: none;
  }
}

#header-nav .menu {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-regular);
  padding-top: 3.25rem;
}
@media (min-width: 64em) {
  #header-nav .menu {
    flex-direction: row;
    align-items: center;
    gap: 0;
    padding-top: 0;
  }
}
#header-nav .menu .menu-item > .menu-link {
  display: block;
  position: relative;
  padding-block: 0.75rem;
  border-bottom: 1px solid var(--color-blue-mid);
  font-weight: var(--font-weight-bold);
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item > .menu-link {
    padding: 0.5rem 0.625rem;
    border-bottom: none;
  }
}
@media (min-width: 80em) {
  #header-nav .menu .menu-item > .menu-link {
    padding: 0.5rem 1rem;
  }
}
#header-nav .menu .menu-item > .menu-link.has-flag {
  display: flex;
  align-items: center;
  gap: var(--spacing-regular);
}
#header-nav .menu .menu-item > .menu-link.has-flag svg {
  width: 1.375rem;
  height: 1rem;
  border-radius: 2px;
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-has-children > .menu-link {
    padding-inline-end: 2.25rem;
  }
}
#header-nav .menu .menu-item.menu-item-has-children > .menu-link::after {
  display: block;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%23f4f5f5' d='M19.666 16.666l-6.667 6.667v-13.333l6.667 6.667z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  transform: translateY(-50%);
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-has-children > .menu-link::after {
    inset-inline-end: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Cpath fill='%23f4f5f5' d='M15.334 19.666l-6.667-6.667h13.333l-6.667 6.667z'%3E%3C/path%3E%3C/svg%3E");
  }
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu-wrap {
  position: absolute;
  inset: 0;
  z-index: 200;
  height: calc(100dvh - var(--header-height));
  background: var(--color-blue-dark);
  visibility: hidden;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0s 0.3s;
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-has-children .sub-menu-wrap {
    position: fixed;
    inset-block-start: var(--header-height);
    inset-inline: 0;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    transform: translateY(-0.75rem);
  }
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu-container {
  max-width: 1440px;
  margin: 0 auto;
  padding-inline: 1rem;
  background: var(--color-blue-dark);
}
@media (min-width: 48em) {
  #header-nav .menu .menu-item.menu-item-has-children .sub-menu-container {
    padding-inline: 1.25rem;
  }
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-has-children .sub-menu-container {
    padding-inline: 1.5rem;
    padding-block: var(--spacing-md);
  }
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-regular);
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-has-children .sub-menu {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
  }
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-link-back {
    display: none;
  }
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-link-back .menu-link {
  position: relative;
  padding: var(--spacing-sm) 0 var(--spacing-sm) 2.25rem;
  border-bottom: none;
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-link-back .menu-link .menu-link-label::before {
  display: block;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%23f4f5f5' d='M13.333 16.666l6.667 6.667v-13.333l-6.667 6.667z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  transform: translateY(-50%);
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card {
    flex-shrink: 0;
    max-width: 300px;
  }
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card:hover {
  background: var(--gradient-product-card);
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card .menu-link {
  display: flex;
  gap: var(--spacing-regular);
  padding: var(--spacing-regular);
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card .menu-link {
    flex-direction: column;
  }
}
@media (min-width: 80em) {
  #header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card .menu-link {
    flex-direction: row;
  }
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card .menu-link .menu-link-image {
  flex-shrink: 0;
  width: 5.4375rem;
  height: 4.125rem;
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card .menu-link .menu-link-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card .menu-link .menu-link-text {
  flex: 1;
  min-width: 0;
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card .menu-link .menu-link-label {
  display: block;
  position: relative;
  margin-bottom: var(--spacing-regular);
  font-size: var(--text-xl);
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card .menu-link .menu-link-label::after {
  display: block;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%23f4f5f5' d='M18.666 24l-1.867-1.933 4.733-4.733h-16.2v-2.667h16.2l-4.733-4.733 1.867-1.933 8 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  transform: translateY(-50%);
}
#header-nav .menu .menu-item.menu-item-has-children .sub-menu .menu-item-has-card .menu-link .menu-link-description {
  display: block;
  font-size: var(--text-xs);
  font-weight: var(--font-weight-normal);
}
#header-nav .menu .menu-item.menu-item-has-children.is-active > .sub-menu-wrap {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0s;
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-has-children.is-active > .sub-menu-wrap {
    transform: translateY(0);
  }
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-language {
    position: relative;
  }
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-language .sub-menu-wrap {
    position: absolute;
    inset-block-start: calc(100% + 1.25rem);
    inset-inline-start: 50%;
    background: var(--color-blue-dark);
    min-width: 220px;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-50%) translateY(-0.5rem) scale(0.95);
    transform-origin: top center;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0s 0.3s;
  }
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-language .sub-menu-container {
    padding: 0.5rem;
  }
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-language .sub-menu {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-regular);
    background: var(--color-blue-dark);
  }
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-language .sub-menu .menu-link {
    padding: 0.875rem 1rem;
  }
  #header-nav .menu .menu-item.menu-item-language .sub-menu .menu-link:hover {
    background: var(--color-blue-mid);
  }
}
@media (min-width: 64em) {
  #header-nav .menu .menu-item.menu-item-language.is-active > .sub-menu-wrap {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
    transition: opacity 0.25s ease-out, transform 0.25s ease-out, visibility 0s;
  }
}
#header-nav .menu .menu-item.menu-item-has-button .button {
  width: 100%;
}

#footer-content {
  padding-block: var(--spacing-lg);
  background: var(--color-white);
  color: var(--color-blue-dark);
}
@media (min-width: 64em) {
  #footer-content {
    padding-block: var(--spacing-xl);
  }
}

.footer-logo {
  display: block;
  height: 1.5rem;
  margin-block-end: var(--spacing-md);
}

.footer-section .section-title {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}
.footer-section.footer-accordion {
  margin-block-end: 1rem;
  padding: var(--spacing-regular);
  padding-block-end: 0;
  cursor: pointer;
}
@media (min-width: 64em) {
  .footer-section.footer-accordion {
    margin: 0;
    padding: 0;
  }
}
.footer-section.footer-accordion .section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 1rem;
}
@media (min-width: 64em) {
  .footer-section.footer-accordion .section-title {
    margin-block-end: 22px;
  }
}
.footer-section.footer-accordion .section-title .accordion-icon {
  font-size: 1.5rem;
}
.footer-section.footer-accordion .footer-menu {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-regular);
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-0.5rem);
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0s 0.3s;
}
@media (min-width: 64em) {
  .footer-section.footer-accordion .footer-menu {
    max-height: none;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.footer-section.footer-accordion .footer-menu li {
  font-size: var(--text-sm);
}
@media (min-width: 64em) {
  .footer-section.footer-accordion .footer-menu li {
    font-size: var(--text-regular);
  }
}
.footer-section.footer-accordion .accordion-icon {
  transition: transform 0.3s ease-out;
}
.footer-section.footer-accordion.is-open .footer-menu {
  max-height: 500px;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0s;
}
.footer-section.footer-accordion.is-open .accordion-icon {
  transform: rotate(180deg);
}
.footer-section .footer-contact-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-regular);
}
.footer-section .footer-contact-list li {
  display: flex;
  position: relative;
  align-items: center;
  min-height: 2rem;
  padding: 0.25rem;
  padding-inline-start: 2.75rem;
  font-size: var(--text-sm);
}
@media (min-width: 64em) {
  .footer-section .footer-contact-list li {
    min-height: 1.5rem;
    padding: 0;
    padding-inline-start: 2.5rem;
  }
}
.footer-section .footer-contact-list li::before {
  display: block;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  transform: translateY(-50%);
}
@media (min-width: 64em) {
  .footer-section .footer-contact-list li::before {
    inset-inline-start: 0;
  }
}
.footer-section .footer-contact-list li.contact-location::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Cpath fill='%230d1e3a' d='M16.004 15.641c0.594 0 1.102-0.211 1.52-0.633 0.422-0.422 0.629-0.93 0.629-1.523s-0.211-1.102-0.633-1.523c-0.422-0.418-0.93-0.629-1.523-0.629s-1.102 0.211-1.52 0.637c-0.422 0.422-0.633 0.93-0.633 1.523s0.215 1.102 0.637 1.52c0.422 0.418 0.93 0.629 1.523 0.629zM16 28.027c-3.133-2.773-5.492-5.355-7.082-7.754-1.586-2.398-2.379-4.578-2.379-6.547 0-2.82 0.918-5.145 2.754-6.977s4.070-2.75 6.707-2.75c2.633 0 4.867 0.918 6.707 2.75 1.836 1.832 2.754 4.156 2.754 6.977 0 1.969-0.793 4.148-2.379 6.547-1.59 2.398-3.949 4.98-7.082 7.754z'%3E%3C/path%3E%3C/svg%3E");
}
.footer-section .footer-contact-list li.contact-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Cpath fill='%230d1e3a' d='M25.438 15.266c-0.156-2.512-1.113-4.652-2.871-6.41-1.762-1.762-3.898-2.719-6.414-2.871v-1.332c1.445 0.066 2.797 0.387 4.059 0.961 1.258 0.574 2.359 1.336 3.313 2.285 0.949 0.949 1.711 2.055 2.281 3.313 0.574 1.258 0.895 2.613 0.965 4.055zM20.102 15.266c-0.152-1.023-0.594-1.906-1.32-2.641s-1.602-1.172-2.629-1.309v-1.332c1.402 0.137 2.594 0.703 3.578 1.695s1.551 2.188 1.707 3.586zM25.242 26.668c-2.25 0-4.555-0.563-6.914-1.691-2.359-1.125-4.559-2.703-6.594-4.738-2.016-2.035-3.586-4.227-4.711-6.578-1.129-2.352-1.691-4.652-1.691-6.902 0-0.398 0.133-0.738 0.402-1.012 0.266-0.273 0.598-0.414 1-0.414h3.297c0.363 0 0.68 0.117 0.949 0.344s0.453 0.52 0.547 0.879l0.664 3.18c0.059 0.371 0.047 0.699-0.035 0.977s-0.23 0.508-0.445 0.684l-2.922 2.73c0.547 0.992 1.148 1.914 1.813 2.766s1.367 1.66 2.117 2.422c0.777 0.773 1.609 1.496 2.5 2.16 0.895 0.668 1.875 1.293 2.941 1.887l2.852-2.902c0.215-0.234 0.461-0.391 0.73-0.465s0.57-0.090 0.898-0.043l2.805 0.574c0.363 0.090 0.656 0.27 0.883 0.547s0.34 0.594 0.34 0.949v3.246c0 0.402-0.141 0.734-0.414 1-0.273 0.27-0.613 0.402-1.012 0.402z'%3E%3C/path%3E%3C/svg%3E");
}
.footer-section .footer-contact-list li.contact-fax::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Cpath fill='%230d1e3a' d='M22.668 10.461h-13.336v-4.309h13.336zM23.488 16.152c0.375 0 0.695-0.125 0.949-0.383 0.254-0.254 0.383-0.57 0.383-0.949s-0.129-0.695-0.383-0.949c-0.254-0.258-0.574-0.383-0.949-0.383-0.379 0-0.695 0.125-0.949 0.383-0.258 0.254-0.387 0.57-0.387 0.949s0.129 0.695 0.387 0.949c0.254 0.258 0.57 0.383 0.949 0.383zM21.332 25.332v-6.051h-10.664v6.051zM22.668 26.668h-13.336v-5.336h-4.563v-7.18c0-0.754 0.258-1.387 0.77-1.898s1.145-0.766 1.898-0.766h17.125c0.758 0 1.391 0.254 1.902 0.766s0.766 1.145 0.766 1.898v7.18h-4.563z'%3E%3C/path%3E%3C/svg%3E");
}
.footer-section .footer-contact-list li.contact-email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Cpath fill='%230d1e3a' d='M6.152 25.332c-0.613 0-1.125-0.203-1.535-0.617-0.41-0.41-0.617-0.922-0.617-1.535v-14.359c0-0.613 0.207-1.125 0.617-1.535 0.41-0.414 0.922-0.617 1.535-0.617h19.695c0.613 0 1.125 0.203 1.535 0.617 0.41 0.41 0.617 0.922 0.617 1.535v14.359c0 0.613-0.207 1.125-0.617 1.535-0.41 0.414-0.922 0.617-1.535 0.617zM16 16.152l10.668-6.973-0.41-1.18-10.258 6.668-10.258-6.668-0.41 1.18z'%3E%3C/path%3E%3C/svg%3E");
}

.footer-cta {
  display: flex;
  justify-content: center;
}
@media (min-width: 64em) {
  .footer-cta {
    justify-content: flex-end;
  }
}
.footer-cta .button {
  width: 100%;
}
@media (min-width: 64em) {
  .footer-cta .button {
    width: auto;
    max-width: none;
  }
}

#footer {
  background: var(--color-white);
  color: var(--color-blue-dark);
}
#footer .footer-container {
  display: flex;
  flex-direction: column;
  -moz-column-gap: var(--spacing-md);
       column-gap: var(--spacing-md);
  row-gap: 2rem;
  padding-block: 0 var(--spacing-lg);
}
@media (min-width: 64em) {
  #footer .footer-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-block: var(--spacing-xl);
  }
}
#footer .footer-copy {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: var(--spacing-sm);
       column-gap: var(--spacing-sm);
  row-gap: 1rem;
  font-size: 0.75rem;
  text-align: left;
}
@media (min-width: 64em) {
  #footer .footer-copy {
    align-items: center;
    flex-direction: row;
    text-align: left;
  }
}
#footer .footer-copy .widget:first-of-type {
  flex-basis: 100%;
}
@media (min-width: 64em) {
  #footer .footer-copy .widget:first-of-type {
    flex-basis: initial;
  }
}
#footer .footer-copy .footer-separator:first-of-type {
  display: none;
}
@media (min-width: 64em) {
  #footer .footer-copy .footer-separator:first-of-type {
    display: inline;
  }
}
#footer .footer-social {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media (min-width: 64em) {
  #footer .footer-social {
    gap: 1rem;
  }
}
#footer .footer-social .social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-blue-dark);
  transition: opacity var(--transition-duration) var(--easing);
}
#footer .footer-social .social-link .icon {
  font-size: 2rem;
}
@media (min-width: 64em) {
  #footer .footer-social .social-link .icon {
    font-size: 1.25rem;
  }
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.breadcrumbs .breadcrumb-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
@media (min-width: 64em) {
  .breadcrumbs .breadcrumb-item:first-child {
    gap: 0;
    font-size: 0;
  }
}
.breadcrumbs .breadcrumb-item:first-child::before {
  display: block;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
@media (min-width: 64em) {
  .breadcrumbs .breadcrumb-item:first-child::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Cpath fill='%23f4f5f5' d='M5.332 28v-16l10.668-8 10.668 8v16h-8v-9.332h-5.336v9.332z'%3E%3C/path%3E%3C/svg%3E") !important;
  }
}
.breadcrumbs .breadcrumb-item:not(:first-child)::before {
  display: block;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Cpath fill='%23f4f5f5' d='M6.668 17.332v-2.664h18.664v2.664z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.breadcrumbs .breadcrumb-item:last-child {
  font-weight: var(--font-weight-bold);
}
.breadcrumbs .breadcrumb-item:nth-last-child(2) {
  font-weight: var(--font-weight-bold);
}
@media (min-width: 64em) {
  .breadcrumbs .breadcrumb-item:nth-last-child(2) {
    font-weight: var(--font-weight-normal);
  }
}
.breadcrumbs .breadcrumb-item:nth-last-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Cpath fill='%23f4f5f5' d='M13.334 8l1.867 1.933-4.733 4.733h16.2v2.667h-16.2l4.733 4.733-1.867 1.933-8-8 8-8z'%3E%3C/path%3E%3C/svg%3E");
}
@media (min-width: 64em) {
  .breadcrumbs .breadcrumb-item:nth-last-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Cpath fill='%23f4f5f5' d='M6.668 17.332v-2.664h18.664v2.664z'%3E%3C/path%3E%3C/svg%3E");
  }
}
.breadcrumbs .breadcrumb-item:not(:nth-last-child(2)) {
  display: none;
}
@media (min-width: 64em) {
  .breadcrumbs .breadcrumb-item:not(:nth-last-child(2)) {
    display: flex;
  }
}

.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: 33px;
  padding-inline: var(--spacing-regular);
  background: var(--color-slate-light);
  color: var(--color-blue-dark);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}
.tag.hollow {
  background: var(--color-transparent);
  color: var(--color-slate-light);
  border: 1px solid var(--color-slate-light);
}
.tag:hover {
  background: var(--color-blue-primary);
  color: var(--color-slate-light);
}

@media (min-width: 64em) {
  .select-right {
    display: flex;
  }
  .select-right .choices {
    margin-inline-start: auto;
  }
}

.choices[data-type*=select-one] {
  position: relative;
  width: 192px;
}
.choices[data-type*=select-one]:focus-visible {
  outline: 2px solid var(--color-blue-primary);
  outline-offset: 1px;
}
.choices[data-type*=select-one] .choices__inner {
  display: flex;
  position: relative;
  align-items: center;
  height: 33px;
  border: 1px solid var(--color-slate-light);
  padding-inline-start: 38px;
  background: var(--color-blue-dark);
  color: var(--color-slate-light);
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner:hover {
  background: var(--color-blue-mid);
}
.choices[data-type*=select-one] .choices__inner::before {
  display: block;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0.75rem;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%23f4f5f5' d='M4 24v-2.668h8v2.668zM4 17.332v-2.664h16v2.664zM4 10.668v-2.668h24v2.668z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  transform: translateY(-50%);
}
.choices[data-type*=select-one] .choices__inner::after {
  display: block;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0.75rem;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%23f4f5f5' d='M15.334 19.666l-6.667-6.667h13.333l-6.667 6.667z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  transform: translateY(-50%);
}
.choices[data-type*=select-one] .choices__inner .choices__item,
.choices[data-type*=select-one] .choices__inner .choices__placeholder {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-bold);
}
.choices[data-type*=select-one] .choices__list--dropdown {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10000;
  background: var(--color-blue-dark);
}
.choices[data-type*=select-one] .choices__list--dropdown .choices__item {
  display: flex;
  position: relative;
  align-items: center;
  height: 32px;
  border: 1px solid var(--color-blue-mid);
  padding-inline-start: 0.5rem;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-bold);
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__list--dropdown .choices__item:hover {
  background: var(--color-blue-mid);
}
.choices[data-type*=select-one] .choices__list--dropdown .choices__item::after {
  display: none;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0.75rem;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%23f4f5f5' d='M13.332 21.867l-5.332-5.332 1.867-1.867 3.465 3.465 8.801-8.801 1.867 1.867z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  transform: translateY(-50%);
}
.choices[data-type*=select-one] .choices__list--dropdown .choices__item.is-selected::after {
  display: block;
}
.choices[data-type*=select-one].is-open .choices__inner::after {
  transform: translateY(-50%) rotate(180deg);
}
.choices[data-type*=select-one].is-open .choices__list--dropdown {
  display: block;
}

.form-field {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.25rem;
}

label {
  display: block;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-slate-light);
}

input,
textarea {
  display: flex;
  align-items: center;
  min-height: 50px;
  width: 100%;
  padding-inline-start: 1rem;
  background: var(--color-blue-darker);
}
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--color-blue-primary);
  outline-offset: 1px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #dedede;
  font-size: var(--text-sm);
}
input::placeholder,
textarea::placeholder {
  color: #dedede;
  font-size: var(--text-sm);
}

textarea {
  min-height: 150px;
  padding-block: 1rem;
  resize: vertical;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] + .cbr-helper {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--color-blue-primary);
  background: var(--color-white);
  vertical-align: text-top;
  cursor: pointer;
}
input[type=checkbox] + .cbr-helper:focus-visible {
  outline: 2px solid var(--color-blue-primary);
  outline-offset: 1px;
}
input[type=checkbox] + .cbr-helper::after {
  display: none;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%23fff' d='M13.332 21.867l-5.332-5.332 1.867-1.867 3.465 3.465 8.801-8.801 1.867 1.867z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  transform: translate(-50%, -50%);
}
input[type=checkbox]:checked + .cbr-helper {
  background: var(--color-blue-mid);
}
input[type=checkbox]:checked + .cbr-helper::after {
  display: block;
}
/*# sourceMappingURL=app.css.map */
