.header-logo-wrapper {
  z-index: var(--z-index-header-logo);
}

.header-logo-link {
  display: block;
  width: 6.25rem;
  height: var(--Header-Logo-Height, 2.5rem);
}

.header-logo-link picture {
  display: block;
  width: 100%;
  height: 100%;
}

.header-logo-link img {
  width: 6.25rem;
  height: var(--Header-Logo-Height, 2.5rem);
  display: block;
  object-fit: contain;
}

.hamburger-menu-container {
  display: none;
}

/* Keeps the layout slot so the logo does not shift when there is nothing to open. */
.hamburger-menu-container.is-empty {
  visibility: hidden;
  pointer-events: none;
}

.hamburger-menu-button {
  backdrop-filter: blur(calc(var(--P24, 1.5rem) / 2));
}

body.header-hamburger-overlay::after {
  content: '';
  position: fixed;
  inset: 0;
  background: var(--Background-Neutral-Subtle-Fixed, #F9F9F7);
  z-index: var(--z-index-page-dropdown);
  pointer-events: none;
}

.hamburger-menu-button.theme-dark {
  color: #F9F9F7;
}

@media (width < 1200px) {
  .header-logo-wrapper {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }

  .header-logo {
    display: flex;
    align-items: center;
    min-height: 44px;
  }

  .header-logo-link {
    margin: auto;
  }

  .hamburger-menu-container {
    display: block;
    flex: 0 0 44px;
    width: 2.75rem;
    height: 2.75rem;
  }

  .hamburger-menu-container .hamburger-menu-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--Header-Background);
    border-radius: var(--Header-Radius);
    min-width: 2.75rem;
    min-height: 2.75rem;
    height: 44px;
    width: 44px;
    color: var(--Navigation-Pill-Primary-Default-Text);
  }

  .hamburger-dropdown {
    display: none;
    position: absolute;
    left: 0;
  }

  .hamburger-dropdown.open {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Navigation-Menu-Widget-Content-Gap, 40px);
    padding: var(--Navigation-Menu-Widget-Content-Gap, 40px) var(--Navigation-Menu-Widget-Horizontal-Padding, 1rem) 0 var(--Navigation-Menu-Widget-Horizontal-Padding, 1rem);
    width: 100%;
    top: 4.75rem;
    height: calc(100dvh - 4.75rem);
    overflow-y: auto;
  }

  .hamburger-dropdown.open .header-box-content .un-close-btn {
    display: none;
  }

  .hamburger-link-button-wrapper {
    display: flex;
    place-content: flex-start space-between;
    align-items: flex-start;
    row-gap: 0.25rem;
    align-self: stretch;
    flex-wrap: wrap;
  }
}