html.product-zoom-modal-open{overflow:hidden}product-zoom-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;background-color:#fff;color:var(--color-foreground)}product-zoom-modal[open]{display:block}.product-zoom-modal__container,.product-zoom-modal__slides{display:flex;flex-direction:column;width:100%;height:100%}.product-zoom-modal__slides{max-height:calc(100dvh - 6rem)}.product-zoom-modal__container{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.product-zoom-modal__container::-webkit-scrollbar{display:none}.product-zoom-modal__header{display:flex;justify-content:flex-end;align-items:center;padding:1rem 0}.product-zoom-modal__close-container{display:flex;align-items:center;justify-content:center;height:4rem}.product-zoom-modal__close{width:2rem;height:2rem;z-index:10;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-foreground);transition:opacity .2s ease}.product-zoom-modal__close:hover{opacity:.7}.product-zoom-modal__close svg{width:2rem;height:2rem}.product-zoom-modal__thumbnails{display:block;order:2;flex-shrink:0;width:100%;height:16rem;padding:0 0 6rem;overflow:hidden}.product-zoom-modal__thumbnails .swiper{width:100%;height:100%}.product-zoom-modal__thumbnails .swiper-wrapper{display:flex;align-items:center}.product-zoom-modal__thumbnail-button.swiper-slide{display:block;width:auto;height:calc(100% - .2rem);aspect-ratio:1;padding:0;border:.1rem solid var(--color-border);border-radius:.25rem;background:transparent;opacity:.6;cursor:pointer;transition:opacity .2s ease,border-color .2s ease}.product-zoom-modal__thumbnail-button:hover{opacity:.8}.product-zoom-modal__thumbnail-button.swiper-slide-thumb-active{opacity:1;border-color:var(--color-styleguide-black)}.product-zoom-modal__thumbnail-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:.125rem}.product-zoom-modal__main{order:1;flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0;overflow:hidden;min-height:0}.product-zoom-modal__main .swiper{width:100%;height:100%}.product-zoom-modal__main .swiper-slide{display:flex;align-items:center;justify-content:center}.product-zoom-modal__main-image{max-height:calc(100% - .2rem);width:calc(100% - .2rem);height:auto;object-fit:contain;border:.1rem solid var(--color-border)}.product-zoom-modal__video-wrapper{display:flex;align-items:center;justify-content:center;width:calc(100% - .2rem);height:100%}.product-zoom-modal__video-wrapper.product-zoom-modal__video-wrapper--external{position:relative}.product-zoom-modal__video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.product-zoom-modal__video-wrapper video{width:100%;height:auto}.product-zoom-modal__counter{position:absolute;height:40px;display:flex;align-items:center;justify-content:center;top:1rem;left:50%;transform:translate(-50%);color:var(--color-foreground);font-size:1.4rem;opacity:.8}@media screen and (min-width: 750px){.product-zoom-modal__slides{flex-direction:row;height:fit-content;max-height:calc(100dvh - 8rem)}.product-zoom-modal__thumbnails{order:0;width:16rem;height:100%;padding:2rem 4rem 8rem 0}.product-zoom-modal__thumbnails .swiper{height:100%;max-height:100%;overflow:visible}.product-zoom-modal__thumbnail-button{width:calc(100% - .2rem);height:auto!important;aspect-ratio:1}.product-zoom-modal__main{order:0;padding:2rem 0 8rem}.product-zoom-modal__close{top:1.5rem;right:1.5rem}.product-zoom-modal__counter{top:auto;bottom:1.5rem}.product-zoom-modal__main .swiper-slide{justify-content:flex-start}.product-zoom-modal__video-wrapper{align-items:flex-start}.product-zoom-modal__header{padding:2rem 0}.product-zoom-modal__video-wrapper video{height:100%;width:auto}}@media screen and (min-width: 990px){.product-zoom-modal__thumbnails{padding:3rem 4rem 10rem 0}.product-zoom-modal__main{padding:3rem 0 10rem}}.product-zoom-modal__main .swiper-slide:not(.swiper-slide-active){opacity:0}.product-zoom-modal__thumbnails .swiper-slide:focus-visible{outline-offset:-.2rem;box-shadow:none}[data-zoom-thumbs] [data-hidden=true]{display:none}
/*# sourceMappingURL=/cdn/shop/t/640/assets/product-zoom-modal.css.map */