[data-nav-room=full]{--chrome-nav-room:var(--chrome-nav-w)}[data-nav-room=rail]{--chrome-nav-room:var(--chrome-nav-rail-w)}.chrome-nav{--nav-open:var(--chrome-nav-w);width:var(--chrome-nav-w);z-index:var(--z-nav);pointer-events:none;position:fixed;top:0;bottom:0;left:0}.chrome-nav[data-fold=rail]:not([data-peek]){--nav-open:var(--chrome-nav-rail-w)}.chrome-nav-window,.chrome-nav-surface{width:var(--nav-open);transition:width var(--chrome-dur-spring-layout) var(--chrome-spring-layout);position:absolute;top:0;bottom:0;left:0}.chrome-nav-window{contain:layout paint;pointer-events:auto;overflow:hidden}.chrome-nav-body{width:100%;height:100%;padding:0 var(--chrome-inset) var(--chrome-canvas-gutter);flex-direction:column;display:flex}.chrome-nav-surface{background:var(--chrome-ambient), var(--chrome-bg);background-attachment:fixed}.chrome-nav-surface:after{content:"";pointer-events:none;box-shadow:var(--chrome-shadow-float);clip-path:inset(0 -48px 0 0);opacity:0;transition:opacity var(--chrome-dur-exit) var(--chrome-ease-signature);position:absolute;inset:0}.chrome-nav[data-peek] .chrome-nav-surface:after{opacity:1;transition-duration:var(--chrome-dur-base)}.chrome-nav-head{height:var(--chrome-nav-head);margin-bottom:var(--chrome-canvas-gutter);flex:none;align-items:center;display:flex;overflow:hidden}.chrome-nav-logo{width:20px;height:20px;color:var(--flower,var(--chrome-flower-iris));transition:color var(--chrome-dur-base) var(--chrome-ease-signature)}.chrome-nav-row{width:100%;height:var(--chrome-nav-cell);flex:none;overflow:hidden}.chrome-nav-cell{width:var(--chrome-nav-cell);height:var(--chrome-nav-cell);flex:none;place-items:center;display:grid}.chrome-nav-rest{align-items:center;gap:var(--chrome-gap-sm);min-width:0;width:calc(var(--chrome-nav-w) - 2 * var(--chrome-inset) - var(--chrome-nav-cell));padding-right:var(--chrome-gap-sm);transition:opacity var(--chrome-dur-base) var(--chrome-ease-signature) var(--chrome-lag);flex:none;display:flex}.chrome-nav-find{margin-bottom:var(--chrome-gap-md)}.chrome-nav-list{scrollbar-width:thin;scrollbar-color:var(--chrome-border) transparent;flex:auto;min-height:0;overflow:hidden auto}.chrome-nav-rows{grid-template-columns:minmax(0,1fr);align-content:start;row-gap:2px;display:grid}.chrome-nav-rule{border:0;border-top:1px solid var(--chrome-border);width:100%;margin:6px 0}.chrome-nav-foot{padding-top:var(--chrome-inset);flex:none}.chrome-nav-glyph{object-fit:contain;border-radius:var(--chrome-radius-sm);flex:none;width:16px;height:16px}.chrome-nav[data-fold=rail]:not([data-peek]) .chrome-nav-rest{opacity:0;transition-duration:var(--chrome-dur-micro-out);transition-delay:0s}.chrome-nav[data-fold=rail]:not([data-peek]) .chrome-nav-list{scrollbar-width:none}.chrome-nav-follow{transition:left var(--chrome-dur-spring-layout) var(--chrome-spring-layout)}.chrome-rail-motion.chrome-nav-follow{transition:width var(--chrome-dur-spring-layout) var(--chrome-spring-layout), opacity var(--chrome-dur-base) var(--chrome-ease-signature), left var(--chrome-dur-spring-layout) var(--chrome-spring-layout)}.chrome-shelf-rule{width:1px;height:16px;margin-inline:var(--chrome-gap-xs);background:linear-gradient(to bottom, var(--chrome-rule-end), var(--chrome-rule) 25%, var(--chrome-rule) 75%, var(--chrome-rule-end));flex:none}.chrome-shelf-tabs{--chrome-tab-underline-y:0px;animation:chrome-fade-in var(--chrome-dur-base) var(--chrome-ease-signature) both}@media (prefers-reduced-motion:reduce){.chrome-nav :is(.chrome-nav-window,.chrome-nav-surface,.chrome-nav-rest,.chrome-nav-logo),.chrome-nav .chrome-nav-surface:after,.chrome-nav-follow,.chrome-rail-motion.chrome-nav-follow{transition:none}.chrome-shelf-tabs{animation:none}}[data-motion=reduced] .chrome-nav :is(.chrome-nav-window,.chrome-nav-surface,.chrome-nav-rest,.chrome-nav-logo),[data-motion=reduced] .chrome-nav .chrome-nav-surface:after,[data-motion=reduced] :is(.chrome-nav-follow,.chrome-rail-motion.chrome-nav-follow){transition:none}[data-motion=reduced] .chrome-shelf-tabs{animation:none}