.cmp-header-wrapper {
  --header-block-size: clamp(
    96px,
    calc(96px + 8 * (100vw - 375px) / 817),
    104px
  );
  --link-gap: clamp(23px, calc(23px + 12 * (100vw - 375px) / 817), 35px);
  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  block-size: var(--header-block-size);
  inline-size: 100%;
  position: fixed;
  top: 0;
  inset-block-start: 0;
  inset-inline-start: 0;
  will-change: transform;
  z-index: 3;
  overscroll-behavior: contain;
  transition: transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.2s, background-color 0.6s, backdrop-filter 0.6s, z-index 0.5s;
  color: var(--black-800);
  padding: 16px 0;
}
.cmp-header-wrapper .cmp-language-selector {
  color: var(--black-800);
}
.cmp-header-wrapper .cmp-language-selector__link {
  color: var(--black-800);
  opacity: 0.4;
}
.cmp-header-wrapper .cmp-language-selector__link:hover {
  color: var(--black-800);
  opacity: 1;
}
.cmp-header-wrapper .cmp-language-selector .active .cmp-language-selector__link {
  color: var(--black-800);
  opacity: 1;
}
.cmp-header-wrapper .cmp-navigation--content__cta {
  border-radius: 100px;
  background: #e8e9eb;
  color: var(--black-800);
  --cta-content-color: var(--black-800);
  border: 1.5px solid #e8e9eb;
}
.cmp-header-wrapper .cmp-navigation--content__cta .cta__icon,
.cmp-header-wrapper .cmp-navigation--content__cta .cta__label {
  color: var(--cta-content-color);
}
.cmp-header-wrapper .cmp-navigation--content__cta:hover, .cmp-header-wrapper .cmp-navigation--content__cta:focus-visible {
  border-radius: 100px;
  background: var(--white);
  color: var(--black-800);
  --cta-content-color: var(--black-800);
  border: 1.5px solid #e8e9eb;
}
.cmp-header-wrapper .cmp-navigation--content__cta:hover .cta__icon,
.cmp-header-wrapper .cmp-navigation--content__cta:hover .cta__label, .cmp-header-wrapper .cmp-navigation--content__cta:focus-visible .cta__icon,
.cmp-header-wrapper .cmp-navigation--content__cta:focus-visible .cta__label {
  color: var(--cta-content-color);
}
.cmp-header-wrapper .navigation {
  block-size: 100%;
}
.cmp-header-wrapper.home-page-header, .cmp-header-wrapper:not(.home-page-header) {
  color: var(--black-80);
}
.cmp-header-wrapper.home-page-header .cmp-language-selector, .cmp-header-wrapper:not(.home-page-header) .cmp-language-selector {
  color: var(--black-80);
}
.cmp-header-wrapper.home-page-header .cmp-language-selector__link, .cmp-header-wrapper:not(.home-page-header) .cmp-language-selector__link {
  color: var(--black-80);
  opacity: 0.4;
}
.cmp-header-wrapper.home-page-header .cmp-language-selector__link:hover, .cmp-header-wrapper:not(.home-page-header) .cmp-language-selector__link:hover {
  color: var(--black-800);
  opacity: 1;
}
.cmp-header-wrapper.home-page-header .cmp-language-selector .active .cmp-language-selector__link, .cmp-header-wrapper:not(.home-page-header) .cmp-language-selector .active .cmp-language-selector__link {
  color: var(--black-800);
  opacity: 1;
}
.cmp-header-wrapper.hide {
  transform: translateY(-100%);
  z-index: -1;
}
.cmp-header-wrapper.scrolling-up {
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(14px);
  color: var(--black-800);
}
.cmp-header-wrapper.scrolling-up .cmp-language-selector {
  color: var(--black-800);
}
.cmp-header-wrapper.scrolling-up .cmp-language-selector__link {
  color: var(--black-800);
  opacity: 0.4;
}
.cmp-header-wrapper.scrolling-up .cmp-language-selector__link:hover {
  color: var(--black-800);
  opacity: 1;
}
.cmp-header-wrapper.scrolling-up .cmp-language-selector .active .cmp-language-selector__link {
  color: var(--black-800);
  opacity: 1;
}
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta {
  border-radius: 100px;
  background: #e8e9eb;
  color: var(--black-800);
  --cta-content-color: var(--black-800);
  border: 1.5px solid #e8e9eb;
  --cta-content-color: var(--black-800) !important;
  color: var(--black-800) !important;
}
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta .cta__icon,
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta .cta__label {
  color: var(--cta-content-color);
}
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta .cta__icon,
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta .cta__label {
  color: var(--black-800) !important;
}
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta:hover, .cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta:focus-visible {
  border-radius: 100px;
  background: var(--white);
  color: var(--black-800);
  --cta-content-color: var(--black-800);
  border: 1.5px solid #e8e9eb;
  --cta-content-color: var(--black-800) !important;
  color: var(--black-800) !important;
}
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta:hover .cta__icon,
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta:hover .cta__label, .cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta:focus-visible .cta__icon,
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta:focus-visible .cta__label {
  color: var(--cta-content-color);
}
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta:hover .cta__icon,
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta:hover .cta__label, .cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta:focus-visible .cta__icon,
.cmp-header-wrapper.scrolling-up .cmp-navigation--content__cta:focus-visible .cta__label {
  color: var(--black-800) !important;
}
.cmp-header-wrapper.nav-expand {
  block-size: 100%;
  backdrop-filter: blur(20px);
  background-color: var(--white) !important;
  transition: background-color 0.4s var(--ease-in-out-sine);
}
.cmp-header-wrapper.nav-expand.home-page-header {
  color: var(--black-800);
}
.cmp-header-wrapper.nav-expand.home-page-header #navigation-toggle {
  color: var(--black);
}

.cmp-header-wrapper.transparent-header {
  backdrop-filter: blur(10px);
  background: rgba(5, 5, 5, 0.21);
  color: var(--white);
}
.cmp-header-wrapper.transparent-header .cmp-language-selector {
  color: var(--white);
}
.cmp-header-wrapper.transparent-header .cmp-language-selector__link {
  color: var(--white);
  opacity: 0.4;
}
.cmp-header-wrapper.transparent-header .cmp-language-selector__link:hover {
  color: var(--grey-50);
  opacity: 1;
}
.cmp-header-wrapper.transparent-header .cmp-language-selector .active .cmp-language-selector__link {
  color: var(--white);
  opacity: 1;
}
.cmp-header-wrapper.transparent-header .cmp-navigation--content__cta {
  border-radius: 100px;
  background: #e8e9eb;
  color: var(--black-800);
  --cta-content-color: var(--black-800);
  border: 1.5px solid var(--white);
}
.cmp-header-wrapper.transparent-header .cmp-navigation--content__cta .cta__icon,
.cmp-header-wrapper.transparent-header .cmp-navigation--content__cta .cta__label {
  color: var(--cta-content-color);
}
.cmp-header-wrapper.transparent-header .cmp-navigation--content__cta:hover, .cmp-header-wrapper.transparent-header .cmp-navigation--content__cta:focus-visible {
  border-radius: 100px;
  background: var(--white);
  color: var(--black-800);
  --cta-content-color: var(--black-800);
  border: 1.5px solid #e8e9eb;
}
.cmp-header-wrapper.transparent-header .cmp-navigation--content__cta:hover .cta__icon,
.cmp-header-wrapper.transparent-header .cmp-navigation--content__cta:hover .cta__label, .cmp-header-wrapper.transparent-header .cmp-navigation--content__cta:focus-visible .cta__icon,
.cmp-header-wrapper.transparent-header .cmp-navigation--content__cta:focus-visible .cta__label {
  color: var(--cta-content-color);
}
.cmp-header-wrapper.transparent-header.home-page-header, .cmp-header-wrapper.transparent-header:not(.home-page-header) {
  color: var(--grey-50);
}
.cmp-header-wrapper.transparent-header.home-page-header:not(.scrolling-up):not(.nav-expand):not(:has(.editor)) .qd-logo > *:before, .cmp-header-wrapper.transparent-header:not(.home-page-header):not(.scrolling-up):not(.nav-expand):not(:has(.editor)) .qd-logo > *:before {
  color: var(--white);
}
.cmp-header-wrapper.transparent-header.home-page-header .cmp-language-selector, .cmp-header-wrapper.transparent-header:not(.home-page-header) .cmp-language-selector {
  color: var(--grey-150);
}
.cmp-header-wrapper.transparent-header.home-page-header .cmp-language-selector__link, .cmp-header-wrapper.transparent-header:not(.home-page-header) .cmp-language-selector__link {
  color: var(--grey-150);
  opacity: 0.4;
}
.cmp-header-wrapper.transparent-header.home-page-header .cmp-language-selector__link:hover, .cmp-header-wrapper.transparent-header:not(.home-page-header) .cmp-language-selector__link:hover {
  color: var(--grey-50);
  opacity: 1;
}
.cmp-header-wrapper.transparent-header.home-page-header .cmp-language-selector .active .cmp-language-selector__link, .cmp-header-wrapper.transparent-header:not(.home-page-header) .cmp-language-selector .active .cmp-language-selector__link {
  color: var(--grey-50);
  opacity: 1;
}
.cmp-header-wrapper.transparent-header.scrolling-up {
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(14px);
  color: var(--black-800);
}
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-language-selector {
  color: var(--black-800);
}
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-language-selector__link {
  color: var(--black-800);
  opacity: 0.4;
}
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-language-selector__link:hover {
  color: var(--black-800);
  opacity: 1;
}
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-language-selector .active .cmp-language-selector__link {
  color: var(--black-800);
  opacity: 1;
}
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta {
  border-radius: 100px;
  background: #e8e9eb;
  color: var(--black-800);
  --cta-content-color: var(--black-800);
  border: 1.5px solid #e8e9eb;
  --cta-content-color: var(--black-800) !important;
  color: var(--black-800) !important;
}
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta .cta__icon,
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta .cta__label {
  color: var(--cta-content-color);
}
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta .cta__icon,
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta .cta__label {
  color: var(--black-800) !important;
}
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta:hover, .cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta:focus-visible {
  border-radius: 100px;
  background: var(--white);
  color: var(--black-800);
  --cta-content-color: var(--black-800);
  border: 1.5px solid #e8e9eb;
  --cta-content-color: var(--black-800) !important;
  color: var(--black-800) !important;
}
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta:hover .cta__icon,
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta:hover .cta__label, .cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta:focus-visible .cta__icon,
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta:focus-visible .cta__label {
  color: var(--cta-content-color);
}
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta:hover .cta__icon,
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta:hover .cta__label, .cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta:focus-visible .cta__icon,
.cmp-header-wrapper.transparent-header.scrolling-up .cmp-navigation--content__cta:focus-visible .cta__label {
  color: var(--black-800) !important;
}

@media (min-width: 1920px) {
  .layout-container {
    padding: 0 360px;
  }
}
@media (min-width: 1025px) and (max-width: 1919px) {
  .layout-container {
    padding: 0 120px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  .layout-container {
    padding: 0 64px;
  }
}
@media (max-width: 767px) {
  .layout-container {
    padding: 0 32px;
  }
}