.doors-wrap{position:relative}.doors{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:8px;margin:-4px;padding:4px;scroll-padding-inline:12px;display:flex;overflow:auto hidden}.doors::-webkit-scrollbar{display:none}.doors-wrap:after{content:"";pointer-events:none;background:linear-gradient(to right, var(--bg-0), var(--bg));opacity:0;width:40px;transition:opacity var(--d-fast) var(--ease-out);position:absolute;top:0;bottom:0;right:0}.doors-wrap[data-more]:after{opacity:1}.door{border-radius:var(--r-pill);background:var(--bg);height:40px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:var(--w500) 14px/1 var(--font);white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out), transform var(--d-fast) var(--ease-out);flex:none;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.door-tick{flex:none;margin-right:-2px}.door[aria-current=true]{background:var(--ink);box-shadow:none;color:var(--inv-ink)}.door[aria-disabled=true]{color:var(--mut);cursor:default}.door[data-cut]{visibility:hidden;pointer-events:none}@media (hover:hover) and (pointer:fine){.door:not([aria-current=true]):not([aria-disabled=true]):hover{background:var(--soft);box-shadow:var(--edge-1)}}.door:not([aria-disabled=true]):active{transform:scale(.97)}.door:focus-visible{box-shadow:var(--ring);outline:none}@media (pointer:coarse){.door{height:44px}}@media (prefers-reduced-motion:reduce){.door,.doors-wrap:after{transition:none}.door:not([aria-disabled=true]):active{transform:none}}.doors-pinned{z-index:5;background:var(--bg);transition:box-shadow var(--d-base) var(--ease-out);padding-block-start:8px;padding-block-end:8px;position:sticky;top:0}.doors-pinned[data-stuck]{box-shadow:0 1px 0 var(--line)}@media (prefers-reduced-motion:reduce){.doors-pinned{transition:none}}