/* 39.5: Keep the customer and administration headers visible while the page scrolls. */
.customer-header,
.admin-topbar{
  position:fixed!important;
  inset-block-start:0;
  inset-inline:0;
  width:100%;
  z-index:240!important;
  transform:translateZ(0);
  will-change:transform;
  box-shadow:0 10px 30px #00000024;
}

.topbar-space{
  display:block;
  width:100%;
  height:var(--header);
  min-height:var(--header);
  pointer-events:none;
}

/* Side menus must remain above the fixed header. */
.drawer-backdrop{z-index:300!important}
.drawer{z-index:310!important}

@media(max-width:800px){
  .customer-topbar-space{height:72px;min-height:72px}
}

@media(max-width:430px){
  .customer-topbar-space{height:68px;min-height:68px}
}