/* Keep the common trading header in one row; scroll each navigation group. */
.page-header-background {
  position: relative;
  z-index: 1000;
}
.page-header-background > .page-header-content.page-header-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  height: 55px;
}
.page-header-background .page-header-content.page-header-box > .left-page-header,
.page-header-background .page-header-content.page-header-box > .right-page-header,
.page-header-background .page-header-content.page-header-box > .right-page-header-pre-login {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  min-width: 0;
  height: 55px;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
}
.page-header-background .page-header-content.page-header-box > .left-page-header {
  flex: 1 1 0;
}
.page-header-background .page-header-content.page-header-box > .right-page-header,
.page-header-background .page-header-content.page-header-box > .right-page-header-pre-login {
  flex: 0 1 auto;
  max-width: 45%;
}
.page-header-background .page-header-content.page-header-box > div > div {
  flex: 0 0 auto;
}
.page-header-background .page-header-content.page-header-box .dropbtn {
  white-space: nowrap;
}
.page-header-background .page-header-content.page-header-box .logo img {
  max-width: none;
  object-fit: contain;
}
/* Anchor dropdowns outside the scrolling group so their content stays usable. */
.page-header-background .page-header-content.page-header-box .dropdown {
  position: static;
}
.page-header-background .page-header-content.page-header-box .dropdown-content {
  top: 55px;
  left: auto;
}
.page-header-background .page-header-content.page-header-box .right-page-header .dropdown-content {
  right: 0;
}
/* Keep a scrolled trigger attached to its popup without clipping the menu. */
@supports (anchor-name: --header-nav-trigger) and (anchor-scope: --header-nav-trigger) {
  .page-header-background .page-header-content.page-header-box .dropdown {
    anchor-scope: --header-nav-trigger;
  }
  .page-header-background .page-header-content.page-header-box .dropbtn {
    anchor-name: --header-nav-trigger;
  }
  .page-header-background .page-header-content.page-header-box .dropdown-content,
  .page-header-background .page-header-content.page-header-box .right-page-header .dropdown-content {
    position: fixed;
    position-anchor: --header-nav-trigger;
    top: anchor(bottom);
    left: anchor(left);
    right: auto;
    max-width: calc(100vw - 32px);
    position-try-fallbacks: flip-inline;
  }
}
@supports not ((anchor-name: --header-nav-trigger) and (anchor-scope: --header-nav-trigger)) {
  .page-header-background .page-header-content.page-header-box .dropdown-content,
  .page-header-background .page-header-content.page-header-box .right-page-header .dropdown-content {
    left: 16px;
    right: 16px;
  }
  .page-header-background .page-header-content.page-header-box .dropdown-item {
    width: 100%;
  }
}
