product-zoom-modal{display:block}.zoom-modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;background:rgb(var(--color-off-white));opacity:0;transition:visibility 0s linear .3s,opacity .3s ease;overscroll-behavior:contain}.zoom-modal:not([inert]){visibility:visible;pointer-events:auto;opacity:1;transition-delay:0s}.zoom-modal__inner{position:relative;width:100%;height:100%}.zoom-modal[inert]:not(.is-closing) .zoom-modal__inner{display:none}.zoom-modal__close{position:absolute;top:2rem;right:2rem;z-index:2;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-off-white));color:rgb(var(--color-black))}.zoom-modal__logo{position:absolute;top:2.3rem;left:50%;transform:translate(-50%);z-index:2;width:11.4rem;color:rgb(var(--color-black));pointer-events:none}.zoom-modal__logo img,.zoom-modal__logo svg{width:100%;height:auto;display:block}.zoom-modal__logo svg,.zoom-modal__logo svg path{fill:currentColor}.zoom-modal__close svg{width:1.4rem;height:1.4rem}.zoom-modal__slides{width:100%;height:100%}.zoom-modal__slide{height:100%;overflow-y:auto;scrollbar-width:none}.zoom-modal__slide::-webkit-scrollbar{display:none}.zoom-modal__slide.is-zoomed{overflow:hidden}.zoom-modal__slide[hidden]{display:none}.zoom-modal__slide:not([hidden]){animation:zoom-slide-fade .3s ease-in-out}@keyframes zoom-slide-fade{0%{opacity:0}to{opacity:1}}.zoom-modal__zoom-container{display:block;width:100%;height:auto}.zoom-modal__zoom-container img{display:block;width:100%;height:auto;cursor:zoom-in;touch-action:pan-y}.zoom-modal__slide.is-zoomed .zoom-modal__zoom-container img{cursor:zoom-out}.zoom-modal__thumbs{position:absolute;left:2rem;bottom:2rem;z-index:2;display:flex;gap:1rem}.zoom-modal__thumb{flex-shrink:0;width:5.8rem;height:8.8rem;border:.1rem solid transparent;opacity:.6;transition:opacity .2s ease,border-color .2s ease}.zoom-modal__thumb img{display:block;width:100%;height:100%;object-fit:cover}.zoom-modal__thumb:hover{opacity:1}.zoom-modal__thumb.is-active{opacity:1;border-color:rgb(var(--color-black))}@media screen and (max-width:768px){.zoom-modal__close{top:1.6rem;right:1.6rem}.zoom-modal__logo{top:1.6rem;width:8rem}.zoom-modal__slides{height:100%;overflow-y:auto;scrollbar-width:none}.zoom-modal__slides::-webkit-scrollbar{display:none}.zoom-modal__slide{height:auto;overflow:visible}.zoom-modal__slide[hidden]{display:block}.zoom-modal__slide:not(:first-child){margin-top:.2rem}}
/*# sourceMappingURL=/cdn/shop/t/261/assets/component-product-zoom-modal.css.map */