/* On phones the wrapper has no box; the existing mobile header stays unchanged. */
.desktop-header-shell{display:contents}
@media(min-width:1101px){
 .desktop-header-shell{display:block;position:sticky;top:0;z-index:70;background:var(--paper);transform:translateY(0);transition:transform .56s cubic-bezier(.22,.68,.2,1);isolation:isolate}
 .desktop-header-shell.is-away{transform:translateY(calc(-100% - 2px))}
 .desktop-header-shell.is-scrolled{box-shadow:0 5px 22px -16px #20263038}
 .desktop-header-shell>.header{background:var(--paper)}
}
@media(prefers-reduced-motion:reduce){.desktop-header-shell{transition:none}}
.desktop-header-shell.has-keyboard-focus{transition:none}