.shelf[data-v-23e7843b]{--n:3.25;--gap:10px;position:relative}@media (min-width:640px){.shelf[data-v-23e7843b]{--n:4;--gap:14px}}@media (min-width:900px){.shelf[data-v-23e7843b]{--n:5}}@media (min-width:1200px){.shelf[data-v-23e7843b]{--n:6;--gap:18px}}@media (min-width:1680px){.shelf[data-v-23e7843b]{--n:7}}.shelf-track[data-v-23e7843b]{display:grid;gap:var(--gap);grid-auto-columns:calc((100% - (var(--n) - 1)*var(--gap))/var(--n));grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.shelf-track[data-v-23e7843b]::-webkit-scrollbar{display:none}.shelf-item[data-v-23e7843b]{min-width:0;scroll-snap-align:start}.shelf-btn[data-v-23e7843b]{align-items:center;border:0;bottom:48px;color:#fff;cursor:pointer;display:none;font-size:26px;justify-content:center;opacity:0;padding:0;position:absolute;top:0;transition:opacity .2s;width:44px;z-index:2}.shelf-btn.prev[data-v-23e7843b]{background:linear-gradient(90deg,rgba(0,0,0,.7),transparent);border-radius:var(--radius) 0 0 var(--radius);left:0}.shelf-btn.next[data-v-23e7843b]{background:linear-gradient(-90deg,rgba(0,0,0,.7),transparent);border-radius:0 var(--radius) var(--radius) 0;right:0}.shelf-btn[data-v-23e7843b]:hover{font-size:30px}@media (hover:hover) and (min-width:768px){.shelf.can-next .shelf-btn.next[data-v-23e7843b],.shelf.can-prev .shelf-btn.prev[data-v-23e7843b]{display:flex}.shelf:hover .shelf-btn[data-v-23e7843b]{opacity:1}}@media (max-width:767px){.shelf-track[data-v-23e7843b]{margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter);scroll-padding-inline:var(--gutter)}}