/* Keep the header visible while the top bar scrolls away. */
body:not(.layout-edit-iframe) .body-wrapper,
body:not(.layout-edit-iframe) .body-innerwrapper {
  /* Unlike hidden, clip does not create a scroll container for sticky. */
  overflow-x: clip;
  overflow-y: visible;
}

body:not(.layout-edit-iframe) #sp-top-bar {
  position: relative !important;
  top: auto !important;
}

body:not(.layout-edit-iframe) #sp-header,
body:not(.layout-edit-iframe) #sp-header.header-sticky {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999;
  /* Helix's delayed fixed-header animation must not move the sticky header. */
  animation: none !important;
}

body:not(.layout-edit-iframe) .sticky-header-placeholder {
  /* A sticky header stays in the document flow and needs no placeholder. */
  display: none !important;
}