.thumbnail-slider{display:flex;align-items:center;margin-top:2rem}.thumbnail-slider .slider-button{flex-shrink:0}.thumbnail-slider .slider-button .icon-caret{width:1.6rem;height:1.6rem}.thumbnail-slider .slider-button--prev .icon-caret{transform:rotate(90deg)}.thumbnail-slider .slider-button--next .icon-caret{transform:rotate(-90deg)}.thumbnail-list{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:1rem;min-width:0;padding:.5rem;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:.5rem;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-list::-webkit-scrollbar{display:none}.thumbnail-list:after{content:none}.thumbnail-list__item{position:relative;flex-shrink:0;width:calc(33% - .6rem);scroll-snap-align:start}.thumbnail-list__item:before{content:"";display:block;padding-bottom:100%}@media screen and (min-width:750px){.thumbnail-list__item{width:calc(25% - .8rem)}}@media screen and (min-width:990px){.product--medium .thumbnail-list__item,.product--large .thumbnail-list__item{width:calc(20% - .8rem)}.product--small .thumbnail-list__item{width:calc(25% - .8rem)}}@media screen and (min-width:990px){.thumbnail-slider .slider-button--placeholder{visibility:hidden;pointer-events:none}}.thumbnail-slider--no-slide .thumbnail-list{overflow:visible;scroll-snap-type:none}.thumbnail{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;padding:0;border:.1rem solid transparent;background-color:transparent;cursor:pointer;overflow:hidden}.thumbnail img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.thumbnail:hover{opacity:.8}.thumbnail[aria-current]{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.thumbnail:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem;box-shadow:none}.thumbnail[aria-current]:focus-visible{box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.product--thumbnail .thumbnail-list_item--variant:not(:first-child),.product--thumbnail_slider .thumbnail-list_item--variant:not(:first-child){display:none}@media(forced-colors:active){.thumbnail[aria-current]{border:.2rem solid Highlight}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-slider.css.map */