.sl{position:relative}.sl__track{gap:var(--space-2);scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;overflow-x:auto}.sl__track:active{cursor:grabbing}.sl__track::-webkit-scrollbar{display:none}.sl__arrow{z-index:2;border-radius:var(--radius-pill);background:var(--color-surface);border:var(--border-thin) solid var(--color-border-hairline);width:34px;height:34px;color:var(--color-text-primary);font-size:20px;line-height:1;font-weight:var(--weight-bold);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--motion-base) var(--ease-out), border-color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #00000059}.sl:hover .sl__arrow{opacity:1;pointer-events:auto}.sl__arrow--l{left:-8px}.sl__arrow--r{right:-8px}.sl__arrow:hover{border-color:var(--color-border-strong)}.sl__arrow:active{transform:translateY(-50%)scale(.92)}.sl:hover .sl__arrow--off,.sl__arrow--off{opacity:0;pointer-events:none}.sl--affordance .sl__arrow:not(.sl__arrow--off){opacity:1;pointer-events:auto}@media (max-width:760px){.sl__arrow{display:none}}.sl--affordance:before,.sl--affordance:after{content:"";z-index:1;pointer-events:none;opacity:0;width:40px;transition:opacity var(--motion-base) var(--ease-out);position:absolute;top:0;bottom:0}.sl--affordance:before{background:linear-gradient(to right, var(--color-bg-base), transparent);left:0}.sl--affordance:after{background:linear-gradient(to left, var(--color-bg-base), transparent);right:0}.sl--affordance.sl--can-l:before,.sl--affordance.sl--can-r:after{opacity:1}@media (prefers-reduced-motion:reduce){.sl__arrow{transition-duration:.001ms}}