.product-gallery{--product-gallery-thumbnail-size: var(--slider-thumbnail-size, 5.6rem);display:flex;flex-direction:column;gap:var(--space-md)}@media screen and (min-width:1024px){.product-gallery--left,.product-gallery--right{align-items:flex-start;flex-direction:row}.product-gallery--right{flex-direction:row-reverse}.product-gallery--bottom{flex-direction:column-reverse}.product-gallery--left .product-gallery-thumbnails,.product-gallery--right .product-gallery-thumbnails{flex:0 0 var(--product-gallery-thumbnail-size);width:var(--product-gallery-thumbnail-size)}}.product-gallery-thumbnails{display:flex;gap:var(--space-sm)}@media screen and (max-width:1023px){.product-gallery>.product-gallery-thumbnails{display:none}}@media screen and (min-width:1024px){.product-gallery--left .product-gallery-thumbnails,.product-gallery--right .product-gallery-thumbnails{flex-direction:column;max-height:calc((var(--product-gallery-thumbnail-size) * 5) + (var(--space-sm) * 4));overflow-x:hidden;overflow-y:auto}.product-gallery--bottom .product-gallery-thumbnails{flex-direction:row;overflow-x:auto;overflow-y:hidden}}.product-gallery-thumbnails__item{background-color:var(--color-background-muted);border:var(--border-width-thick) solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;flex:0 0 var(--product-gallery-thumbnail-size);overflow:hidden;padding:0;position:relative;transition:border-color var(--duration-medium) var(--easing-default);width:var(--product-gallery-thumbnail-size)}.product-gallery-thumbnails__item:hover,.product-gallery-thumbnails__item:focus-visible,.product-gallery-thumbnails__item--active{border-color:var(--color-brand-primary)}.product-gallery-thumbnails__item:focus-visible{outline:var(--border-width-thick) solid var(--color-brand-primary);outline-offset:2px}.product-gallery-thumbnails__image{height:100%;object-fit:cover;width:100%}.product-gallery-thumbnails__play{align-items:center;background-color:rgba(var(--color-background-rgb),.6);border-radius:var(--border-radius-full);display:flex;height:calc(var(--icon-size-md) + var(--space-xs));justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--icon-size-md) + var(--space-xs))}.product-gallery-media{min-width:0}@media screen and (min-width:1024px){.product-gallery-media{flex:1 1 auto}}.product-gallery-media__slide{display:block}.product-gallery-media__media{background-color:var(--color-background-muted);border-radius:var(--border-radius-none);overflow:hidden;position:relative}@media screen and (min-width:1024px){.product-gallery-media__media{border-radius:var(--border-radius-sm)}}.product-gallery-media__media img,.product-gallery-media__media video{height:100%;object-fit:contain;width:100%}.product-gallery-media .slider__button.slider__button--float{display:none}@media screen and (min-width:1024px){.product-gallery-media .slider__button.slider__button--float{display:flex;opacity:0;transition:opacity var(--duration-medium) var(--easing-default)}.product-gallery-media:hover .slider__button.slider__button--float{opacity:1}}@media screen and (min-width:1024px)and (prefers-reduced-motion:reduce){.product-gallery-media .slider__button.slider__button--float{opacity:1;transition:none}}.product-gallery-media .slider__counter__thumbnails{gap:var(--space-xs);width:100%}.product-gallery-media .thumbnail--dot{background-color:var(--color-brand-primary);border:none;border-radius:var(--border-radius-full);flex:1 1 0;height:var(--border-width-thick);max-width:none;min-height:var(--border-width-thick);min-width:2rem;width:100%}.product-gallery-media .thumbnail--dot:after{display:none}.product-gallery-media .thumbnail--dot.active~.thumbnail--dot{background-color:var(--color-border-strong)}@media screen and (min-width:1024px){.product-gallery-media .slider__counter{display:none}}.product-gallery-modal__thumbnails{display:flex;justify-content:center;padding:var(--space-sm) var(--space-md)}.product-gallery-modal__thumbnails .product-gallery-thumbnails{max-width:100%;overflow-x:auto}
/*# sourceMappingURL=/cdn/shop/t/482/assets/snippet-product-gallery.css.map */