.wrap.svelte-xuy8as{--card:clamp(8.25rem, 38vw, 10.5rem);position:relative}.rail.svelte-xuy8as{grid-auto-flow:column;grid-auto-columns:var(--card);scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;margin-inline:calc(-1 * var(--gutter));padding-bottom:.75rem;padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);gap:1.25rem;display:grid;overflow-x:auto}.rail.svelte-xuy8as>*{scroll-snap-align:start}.step.svelte-xuy8as{top:calc(var(--card) * .75);border:1px solid var(--line-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--bg) 88%, transparent);width:44px;height:56px;color:var(--ink);opacity:0;visibility:hidden;transition:opacity var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-fast), background-color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);place-items:center;display:none;position:absolute;translate:0 -50%}.step[data-show=true].svelte-xuy8as{opacity:1;visibility:visible;transition-delay:0s}.step.back.svelte-xuy8as{left:.5rem}.step.forward.svelte-xuy8as{right:.5rem}.step.svelte-xuy8as:active{transform:scale(var(--press))}@media (hover:hover) and (pointer:fine){.step.svelte-xuy8as{display:grid}.step.svelte-xuy8as:hover{background:var(--surface-2)}}@media (width>=1261px){.rail.svelte-xuy8as{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}