.product-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;opacity:0;visibility:hidden;pointer-events:none}.product-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.product-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#000c}.product-modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:57vw;height:79vh;padding:0;box-sizing:border-box;background:#000;border:1px solid transparent;border-radius:10px;overflow:hidden;z-index:2;transition:border-color .5s ease}.product-modal.is-opening .product-modal__content{background:transparent}.product-modal.is-ready .product-modal__content{border-width:2px;border-color:gray}.product-modal__gallery{position:relative;width:100%;height:100%;overflow:hidden}.product-modal__main-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}.product-modal__main-image.is-loaded{opacity:1}.product-modal__arrow{position:absolute;top:50%;z-index:10;padding:0;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%);text-shadow:0 1px 8px rgba(0,0,0,.8);transition:opacity .5s ease,transform .2s ease,visibility 0s linear .5s}.product-modal.is-ready .product-modal__arrow{opacity:.55;visibility:visible;pointer-events:auto;transition:opacity .5s ease,transform .2s ease,visibility 0s}.product-modal.is-ready .product-modal__arrow:hover{opacity:1;transform:translateY(-50%) scale(1.15)}.product-modal__arrow--left{left:1.5rem}.product-modal__arrow--right{right:1.5rem}.product-modal__transition-image{position:fixed;z-index:1;margin:0;max-width:none;object-fit:cover;object-position:center;pointer-events:none;transition:left .6s cubic-bezier(.22,1,.36,1),top .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),border-radius .6s cubic-bezier(.22,1,.36,1)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/productmodal.css.map */
