/* Top bar that comes back when you scroll up.
   Today the black bar simply scrolls away and only the white navigation row is
   sticky, so the bar is unreachable until you scroll all the way to the top.
   With this, scrolling down behaves exactly as before; scrolling up slides the
   bar back in above the navigation, and the navigation moves down to make room.

   Only the fixed positioning lives here. The movement itself is done in
   topbar.js: The7 sets its own `transition` shorthand on both elements with
   higher specificity, so a CSS transition of ours is thrown away, and a CSS
   transform is overwritten by its inline one. */

.nb-topbar-pinned .nb-topbar {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 100; /* The7's sticky row sits at 99 */
	/* starts hidden above the viewport; topbar.js animates `top` from here */
	top: calc(var(--wp-admin--admin-bar--height, 0px) - 42px);
}

/* Phones get the same behaviour. The bar is shorter there (36 px rather than
   42), and topbar.js measures it, so nothing here depends on the exact height
   beyond the starting position above. */