#zemu-opening-shell .nav-roll-window{display:inline-block;vertical-align:top;overflow:hidden;line-height:1.35;height:1.35em}
#zemu-opening-shell .nav-roll-track{position:relative;display:block;line-height:inherit;transform:translateY(0);transition:none}
#zemu-opening-shell .nav-roll-track>.ink-run{display:block;line-height:inherit}
#zemu-opening-shell .nav-roll-copy{position:absolute;display:block;top:100%;left:0;white-space:nowrap;font:inherit;letter-spacing:inherit;line-height:inherit}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #zemu-opening-shell .header[data-ink-ready="true"][data-gallery-ready="true"] .wordmark:hover .nav-roll-track,
  #zemu-opening-shell .header[data-ink-ready="true"][data-gallery-ready="true"] .desktop-nav a:hover .nav-roll-track{transform:translateY(-100%);transition:transform 240ms ease}
}

/* Clip each label separately so the outgoing glyphs cannot bleed into
   the incoming line after a full-height roll. Keep the track unclipped. */
#zemu-opening-shell .nav-roll-track > .ink-run,
#zemu-opening-shell .nav-roll-track > .nav-roll-copy,
#studioDialog .studio-roll-track > span,
#connectionDialog .connection-roll-track > span,
#casesDialog .cases-roll-track > span,
zemu-roll-label {
  clip-path: inset(0);
}