.scroller-list{display:flex;flex-wrap:nowrap;position:relative}.scroller-list .scroller-list-track{white-space:nowrap;display:flex;width:-moz-fit-content;width:fit-content;gap:1.5rem;flex-wrap:nowrap;overflow:scroll}.scroller-list .scroller-list-track::-webkit-scrollbar{display:none}.scroller-list .scroller-list-track>*{scroll-snap-align:start;flex:0 0 auto}.scroller-list .scroller-list-track.snap{transition:all .3s;scroll-snap-align:start;scroll-snap-type:x mandatory}.scroller-list .scroller-list-track.snap.center-mode,.scroller-list .scroller-list-track.snap.center-mode>*{scroll-snap-align:center}.scroller-list .scroller-list-arrow{--arrow-boundary:-20px;position:absolute;height:1.75rem;top:50%;width:1.75rem;padding:.25rem;background:#fff;display:none;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;transform:translateY(-50%);z-index:1;transition:all .3s;color:#ff3f55;fill:currentColor;box-shadow:0 0 .25rem rgba(0,0,0,.1)}.scroller-list .scroller-list-arrow:hover{background:#f7f7f7;fill:currentColor}.scroller-list .scroller-list-arrow.left{left:var(--arrow-boundary)}.scroller-list .scroller-list-arrow.right{left:unset;right:var(--arrow-boundary)}.scroller-list .scroller-list-arrow.hidden{opacity:0;pointer-events:none}@media(min-width:1025px){.scroller-list .scroller-list-arrow{display:flex!important}}