.snap-rail{--snap-rail-gap:14px;--snap-rail-pad-x:var(--page-gutter-bleed);--snap-rail-ease-std:cubic-bezier(.4, 0, .2, 1);--snap-rail-ease-expo:cubic-bezier(.16, 1, .3, 1)}.snap-rail-track{gap:var(--snap-rail-gap);padding:4px var(--snap-rail-pad-x) 18px;scroll-padding-left:var(--snap-rail-pad-x);scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y;display:flex;overflow-x:auto}.snap-rail-track::-webkit-scrollbar{display:none}.snap-rail-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.snap-rail-track.is-fit{cursor:default;touch-action:auto}.snap-rail-controls{flex-direction:column;flex:none;align-items:flex-end;gap:14px;display:flex}.snap-rail-controls[data-layout=inline]{flex-direction:row;align-items:center;gap:16px}.snap-rail-arrows{align-items:center;gap:10px;display:flex}.snap-rail-meta{align-items:center;gap:14px;display:flex}.snap-rail-num{color:var(--snap-rail-ink,var(--foreground,#221f1f));font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700}.snap-rail-num span{color:var(--snap-rail-muted,color-mix(in srgb, var(--snap-rail-ink,var(--foreground,#221f1f)) 62%, transparent));font-weight:600}.snap-rail-btn{border:1px solid var(--snap-rail-line,color-mix(in srgb, var(--snap-rail-ink,var(--foreground,#221f1f)) 12%, transparent));width:40px;height:40px;color:var(--snap-rail-ink,var(--foreground,#221f1f));cursor:pointer;transition:border-color .3s var(--snap-rail-ease-std), opacity .3s var(--snap-rail-ease-std), transform .3s var(--snap-rail-ease-expo);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.snap-rail-btn:hover{border-color:var(--snap-rail-ink,var(--foreground,#221f1f));transform:scale(1.06)}.snap-rail-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.snap-rail-btn:focus-visible{outline:2px solid var(--snap-rail-accent,var(--brand-accent,#cd071e));outline-offset:2px}.snap-rail-btn svg{width:14px;height:14px}.snap-rail-progress{background:var(--snap-rail-line,color-mix(in srgb, var(--snap-rail-ink,var(--foreground,#221f1f)) 12%, transparent));border-radius:1px;width:clamp(110px,13vw,200px);height:2px;position:relative;overflow:hidden}.snap-rail-progress i{background:var(--snap-rail-accent,var(--brand-accent,#cd071e));transform-origin:0;transition:transform .25s var(--snap-rail-ease-std);display:block;position:absolute;inset:0;transform:scaleX(0)}@media (max-width:640px){.snap-rail-arrows{display:none}}@media (prefers-reduced-motion:reduce){.snap-rail-btn,.snap-rail-btn:hover,.snap-rail-progress i{transition:none}}