@layer warp.components{:where([data-scope=nav]){--_bar:var(--warp-sweep-width);gap:var(--warp-space-group);align-self:start;inline-size:fit-content;display:flex;position:relative}:where([data-scope=nav][data-axis=y]){gap:var(--warp-space-tight);flex-direction:column}:where([data-scope=nav][data-axis=x]) :where(a){padding-block:var(--warp-space-tight)}:where([data-scope=nav]) :where(a){color:var(--warp-color-text-subtle);transition:color var(--warp-duration-fast) var(--warp-ease-out);text-decoration:none}:where([data-scope=nav]) :where(a:hover),:where([data-scope=nav]) :where(a:focus-visible),:where([data-scope=nav]) :where(a[aria-current]){color:var(--warp-color-text)}:where([data-scope=nav])>:where([data-part=indicator]){pointer-events:none;background:var(--warp-color-accent-solid);transform-origin:0 0;opacity:0;transition:transform calc(var(--warp-sweep-duration) * .68) var(--warp-sweep-ease);position:absolute;inset-block-start:0;inset-inline-start:0;transform:scaleX(0)}:where([data-scope=nav][data-ready])>:where([data-part=indicator]){opacity:1}:where([data-scope=nav])>:where([data-part=indicator][data-instant]){transition:none}:where([data-scope=nav][data-axis=x])>:where([data-part=indicator]){inline-size:1px;block-size:var(--_bar);view-transition-name:warp-nav-x;inset-block:auto 0}:where([data-scope=nav][data-axis=y])>:where([data-part=indicator]){inline-size:var(--_bar);block-size:1px;transform:scaleY(0)}:where([data-scope=nav]:not([data-ready])) :where(a[aria-current]){position:relative}:where([data-scope=nav]:not([data-ready])[data-axis=x]) :where(a[aria-current]):after{content:"";block-size:var(--_bar);background:var(--warp-color-accent-solid);position:absolute;inset-block-end:0;inset-inline:0}:where([data-scope=nav]:not([data-ready])[data-axis=y]) :where(a[aria-current]):after{content:"";inline-size:var(--_bar);background:var(--warp-color-accent-solid);position:absolute;inset-block:0;inset-inline-start:0}}