.chrome-nav-full{display:none}.chrome-nav-compact{display:block}.chrome-header{--chrome-bar-h:4.5rem;--chrome-bar-h-compact:4rem;--chrome-compact-shift:calc(var(--chrome-bar-h) - var(--chrome-bar-h-compact));z-index:var(--z-header);height:var(--chrome-bar-h);pointer-events:none;position:relative}@media (min-height:30rem){.chrome-header{position:sticky;top:0}}.chrome-header-bar{height:var(--chrome-bar-h);pointer-events:auto;transition:transform var(--duration-fast) var(--ease-out);position:relative}.chrome-header-inner{height:100%;transition:transform var(--duration-fast) var(--ease-out)}.chrome-header[data-compact] .chrome-header-bar{transform:translateY(calc(-1 * var(--chrome-compact-shift)))}.chrome-header[data-compact] .chrome-header-inner{transform:translateY(calc(var(--chrome-compact-shift) / 2))}@media (min-width:78.75rem){.chrome-header:not([data-demo-option=a]){--chrome-bar-h:var(--header-h);--chrome-bar-h-compact:var(--header-h-compact)}.chrome-header:not([data-demo-option=a]) .chrome-nav-full{display:block}.chrome-header:not([data-demo-option=a]) .chrome-nav-compact{display:none}}@media (min-width:89rem){.chrome-header{--chrome-bar-h:var(--header-h);--chrome-bar-h-compact:var(--header-h-compact)}.chrome-nav-full{display:block}.chrome-nav-compact{display:none}}@keyframes chrome-drawer-in{0%{transform:translate(100%)}}.chrome-drawer[open]{animation:chrome-drawer-in var(--duration-slow) var(--ease-out)}@media (prefers-reduced-motion:reduce){.chrome-drawer[open]{animation:none}}