.snap-page{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100%;overflow-y:scroll}.snap-screen{scroll-snap-align:start;scroll-snap-stop:always;min-height:calc(100dvh - var(--header-h));place-items:center;display:grid}.snap-page__tail{scroll-snap-align:start;scroll-snap-stop:always}.scroll-page{height:100%;overflow-y:auto}.scroll-page>:first-child{min-height:100%}.snap-rail{z-index:40;pointer-events:none;justify-items:end;gap:10px;display:grid;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.snap-rail button{pointer-events:none;cursor:pointer;color:var(--muted-foreground);font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:2px;display:flex}.snap-rail i{pointer-events:auto;border:1px solid var(--border);background:var(--background);width:9px;height:9px;transition:background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);border-radius:50%;display:block;position:relative}.snap-rail i:after{content:"";border-radius:50%;position:absolute;inset:-13px}.snap-rail button:hover i{border-color:var(--brand-strong)}.snap-rail button[aria-current=true] i{background:var(--brand-strong);border-color:var(--brand-strong);transform:scale(1.25)}.snap-rail span{font-size:var(--text-label-12);opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);white-space:nowrap;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);pointer-events:none;padding:3px 8px;transform:translate(6px)}.snap-rail button:hover span,.snap-rail button:focus-visible span{opacity:1;transform:none}@media (max-width:900px){.snap-page{scroll-snap-type:none}.snap-screen{min-height:0}.snap-rail{display:none}}@media (prefers-reduced-motion:reduce){.snap-page{scroll-behavior:auto}}