:root{--thumb-visible-count: 6;--thumb-size-desktop: 45px;--thumb-size-tablet: 35px;--thumb-gap: 8px;--thumb-padding: 8px}.product-medias__thumbnails-overlay{overflow:visible;align-items:center}.thumbs-scroll{display:flex;flex-direction:column;align-items:center;gap:var(--thumb-gap);height:calc(var(--thumb-visible-count) * var(--thumb-size-desktop) + (var(--thumb-visible-count) - 1) * var(--thumb-gap) + var(--thumb-padding));overflow-y:auto;overflow-x:visible;scroll-behavior:smooth;scroll-snap-type:y mandatory;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.thumbs-scroll::-webkit-scrollbar{display:none}.thumbs-scroll .product-medias__thumbnail-circle{flex-shrink:0}.product-medias__thumbnail-circle{scroll-snap-align:start}.thumb-arrow{border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;visibility:visible;pointer-events:auto}.thumb-arrow.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@media (min-width: 768px) and (max-width: 1100px){:root{--thumb-size-desktop: var(--thumb-size-tablet)}}