.slider{position:relative}.slider-track{touch-action:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;gap:13px;padding:2px 20px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.slider-track::-webkit-scrollbar{display:none}.slider-track>*{scroll-snap-align:start;-webkit-user-drag:none;flex:none}.slider-track.dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}.slider-track.rank{gap:11px;padding:2px 18px;scroll-padding-inline:18px}.slider-btn{display:none}@media (min-width:980px){.slider-track{gap:clamp(14px,1.4vw,28px);padding:4px 2px;scroll-padding-inline:2px}.slider-track.rank{gap:clamp(12px,1.1vw,20px);padding:4px 2px;scroll-padding-inline:2px}.slider-btn{z-index:6;border:1px solid var(--line);width:48px;height:48px;box-shadow:var(--shadow-lg);color:var(--ink2);cursor:pointer;opacity:0;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background .12s;display:flex;position:absolute;top:calc(50% - 16px);transform:translateY(-50%)}.slider:hover .slider-btn{opacity:1}.slider-btn:hover{background:var(--grey50);color:var(--ink)}.slider-btn svg{width:23px;height:23px}.slider-btn.prev{left:-24px}.slider-btn.next{right:-24px}}