:where(.sv-rail){--sv-rail-gap:.875rem;--sv-rail-card:min(82%, 21rem)}:where(.sv-rail-scroller){overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;overflow:auto hidden}.sv-rail-scroller::-webkit-scrollbar{display:none}:where(.sv-rail-scroller>:is(ul,ol)){gap:var(--sv-rail-gap);margin:0;padding:0;list-style:none;display:flex}:where(.sv-rail-scroller>:is(ul,ol)>li){scroll-snap-align:start;flex:none}:where(.sv-rail[data-rail-mode=rail] .sv-rail-scroller>:is(ul,ol)>li),:where(.sv-rail[data-rail-mode=deck] .sv-rail-scroller>:is(ul,ol)>li){width:var(--sv-rail-card)}:where(.sv-rail[data-rail-mode=stories] .sv-rail-scroller>:is(ul,ol)){gap:0}:where(.sv-rail[data-rail-mode=stories] .sv-rail-scroller>:is(ul,ol)>li){scroll-snap-align:center;scroll-snap-stop:always;width:100%}@media (prefers-reduced-motion:no-preference){:where(.sv-rail-scroller){scroll-behavior:smooth}}.sv-rail-controls{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sv-rail-segments{flex:auto;gap:.375rem;max-width:16rem;display:flex}.sv-rail-segment{cursor:pointer;border-radius:999px;flex:1 1 0;min-width:1.5rem;height:1.5rem;position:relative}.sv-rail-segment:after{content:"";height:3px;transition:background-color var(--sv-dur-quick,.2s) var(--sv-ease-house,ease-out);background:#14141b24;border-radius:999px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.sv-rail-segment[data-on]:after{background:var(--color-info-600,#416ed0)}[data-theme=dark] .sv-rail-segment:after{background:#ffffff29}[data-theme=dark] .sv-rail-segment[data-on]:after{background:var(--color-info-400,#6190f6)}.sv-rail.on-dark .sv-rail-segment:after{background:#ffffff38}.sv-rail.on-dark .sv-rail-segment[data-on]:after{background:#fff}.sv-rail-segment:disabled{cursor:default}.sv-rail[data-fits] .sv-rail-controls{display:none}.sv-rail-arrows{flex:none;gap:.5rem;display:flex}@media (prefers-reduced-motion:reduce){.sv-rail-segment:after{transition:none}}.sv-rail[data-rail-mode=deck][data-armed] .sv-rail-scroller{scroll-snap-type:none;touch-action:pan-y;overflow:visible}.sv-rail[data-rail-mode=deck][data-armed] .sv-rail-scroller>:is(ul,ol){gap:0;padding-block:.5rem 1.75rem;padding-inline:0 2.25rem;display:grid}.sv-rail[data-rail-mode=deck][data-armed] .sv-rail-scroller>:is(ul,ol)>li{--o:calc(var(--i,0) - var(--active,0));--behind:max(var(--o), 0);--gone:max(calc(var(--o) * -1), 0);--current:max(calc(1 - var(--behind) - var(--gone)), 0);--stack:min(var(--behind), 2);width:auto;min-width:0;z-index:calc(30 - var(--o));opacity:clamp(0, calc(3 - var(--behind) - var(--gone) * 3), 1);transform:translateX(calc(var(--stack) * .875rem - var(--gone) * 112% + var(--drag,0) * var(--current) * 1px)) translateY(calc(var(--stack) * .625rem)) rotate(calc(var(--stack) * 1.75deg - var(--gone) * 9deg + var(--drag,0) * var(--current) * .04deg)) scale(calc(1 - var(--stack) * .04));transform-origin:50% 100%;transition:transform var(--sv-dur-slow,.52s) var(--sv-ease-house,ease-out), opacity var(--sv-dur-base,.32s) var(--sv-ease-house,ease-out);pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:1/1}.sv-rail[data-rail-mode=deck][data-dragging] .sv-rail-scroller>:is(ul,ol)>li{transition-duration:calc(var(--sv-dur-slow,.52s) * (1 - var(--current))), var(--sv-dur-base,.32s)}.sv-rail[data-rail-mode=deck][data-armed] .sv-rail-scroller:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.sv-rail[data-rail-mode=deck][data-armed] .sv-rail-scroller>:is(ul,ol)>li{transition:none}}
