body.template-product product-modal.product-media-modal,body.template-product product-modal.product-media-modal[open]{background:#f4f3f1}body.template-product .product-media-modal__dialog{background:#f4f3f1}body.template-product .product-media-modal__content{display:grid;place-items:center;padding:8.8rem 15rem 10.4rem;background:#f4f3f1;touch-action:none;overscroll-behavior:contain;cursor:zoom-in}body.template-product .product-media-modal--is-zoomed .product-media-modal__content{cursor:grab}body.template-product .product-media-modal--is-zoomed.product-media-modal--dragging .product-media-modal__content{cursor:grabbing}body.template-product .product-media-modal__content>.active{display:grid;place-items:center;width:100%;height:100%;overflow:hidden}body.template-product .product-media-modal__content>img.active,body.template-product .product-media-modal__content>.active img,body.template-product .product-media-modal__content>.active video,body.template-product .product-media-modal__content>.active model-viewer,body.template-product .product-media-modal__content>.active iframe{display:block;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;object-fit:contain;object-position:center;transform:translate3d(var(--product-viewer-pan-x, 0),var(--product-viewer-pan-y, 0),0) scale(var(--product-viewer-scale, 1));transform-origin:center;transition:transform .18s cubic-bezier(.2,.75,.25,1);will-change:transform}body.template-product .product-media-modal--dragging .product-media-modal__content>img.active{transition:none}body.template-product .product-media-modal__content>.active.deferred-media,body.template-product .product-media-modal__content>.active.product-media-modal__model{width:100%;height:100%;max-height:100%;margin:0}body.template-product .product-media-modal__toggle,body.template-product .product-media-modal__control{display:inline-grid;place-items:center;border:1px solid rgb(28 25 23 / 10%);border-radius:999px;background:#fffffff0;color:#1c1917;box-shadow:0 .8rem 2.4rem #1c191714;transition:background-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}body.template-product .product-media-modal__toggle:hover,body.template-product .product-media-modal__control:hover:not(:disabled){background:#1c1917;color:#fff;transform:scale(1.04)}body.template-product .product-media-modal__control:disabled{opacity:.36;cursor:not-allowed}body.template-product .product-media-modal__meta{position:fixed;top:3.2rem;left:14.2rem;z-index:8;color:#1c1917a3;font-size:1.1rem;font-weight:600;letter-spacing:.12em;line-height:1}body.template-product .product-media-modal__navigation{position:fixed;inset:50% 2.4rem auto;z-index:8;display:flex;justify-content:space-between;pointer-events:none}body.template-product .product-media-modal__navigation .product-media-modal__control{width:4.8rem;height:4.8rem;pointer-events:auto}body.template-product .product-media-modal__navigation svg{width:1.2rem;height:1.2rem}body.template-product .product-media-modal__control--previous svg{transform:rotate(90deg)}body.template-product .product-media-modal__control--next svg{transform:rotate(-90deg)}body.template-product .product-media-modal__zoom-controls{position:fixed;right:3.2rem;bottom:3.2rem;z-index:8;display:flex;align-items:center;gap:.4rem;min-height:4.4rem;padding:.4rem;border:1px solid rgb(28 25 23 / 8%);border-radius:999px;background:#ffffffe0;box-shadow:0 .8rem 2.4rem #1c191714}body.template-product .product-media-modal__zoom-controls .product-media-modal__control{width:3.6rem;height:3.6rem;border:0;box-shadow:none;font-size:2rem;font-weight:400;line-height:1}body.template-product .product-media-modal__zoom-level{min-width:4.2rem;color:#1c1917ad;font-size:1.05rem;font-weight:600;letter-spacing:.06em;text-align:center}body.template-product .product-media-modal__hint{position:fixed;bottom:3.6rem;left:50%;z-index:8;margin:0;color:#1c191785;font-size:1.05rem;letter-spacing:.06em;transform:translate(-50%)}body.template-product .product-media-modal__thumbnails{left:3.2rem;gap:.8rem;width:7.2rem;max-width:7.2rem}body.template-product .product-media-modal__thumbnail{flex-basis:7.2rem;width:7.2rem;height:8.6rem;min-width:7.2rem;min-height:8.6rem;border:1px solid transparent;background:#ebe9e5}body.template-product .product-media-modal__thumbnail.is-active{border-color:#1c1917}body.template-product .product-media-modal__thumbnail.is-active:before,body.template-product .product-media-modal__thumbnail.is-active:after{content:none;display:none}@media screen and (max-width:989px){body.template-product .product-media-modal__content{padding:7.2rem 2rem 13.2rem}body.template-product .product-media-modal__navigation{inset-inline:1.2rem}body.template-product .product-media-modal__navigation .product-media-modal__control{width:4.2rem;height:4.2rem}body.template-product .product-media-modal__thumbnails{left:2rem}}@media screen and (max-width:749px){body.template-product .product-media-modal__content{padding:7.2rem 1.2rem 13.6rem}body.template-product .product-media-modal__content>img.active,body.template-product .product-media-modal__content>.active img,body.template-product .product-media-modal__content>.active video,body.template-product .product-media-modal__content>.active model-viewer,body.template-product .product-media-modal__content>.active iframe{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain}body.template-product .product-media-modal__toggle{top:max(1.4rem,env(safe-area-inset-top));right:1.4rem}body.template-product .product-media-modal__meta{top:calc(max(1.4rem,env(safe-area-inset-top)) + 1.45rem);left:1.6rem}body.template-product .product-media-modal__navigation,body.template-product .product-media-modal__hint{display:none}body.template-product .product-media-modal__zoom-controls{right:50%;bottom:8rem;transform:translate(50%)}body.template-product .product-media-modal__thumbnails{right:1.2rem;bottom:max(1.4rem,env(safe-area-inset-bottom));left:1.2rem;flex-direction:row;width:auto;max-width:none;height:5.4rem;max-height:5.4rem;transform:none;overflow:auto hidden}body.template-product .product-media-modal__thumbnail{flex-basis:5.2rem;width:5.2rem;height:5.2rem;min-width:5.2rem;min-height:5.2rem}}@media(prefers-reduced-motion:reduce){body.template-product .product-media-modal__content>img.active,body.template-product .product-media-modal__content>.active img,body.template-product .product-media-modal__content>.active video,body.template-product .product-media-modal__content>.active model-viewer,body.template-product .product-media-modal__content>.active iframe,body.template-product .product-media-modal__toggle,body.template-product .product-media-modal__control{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/valoraie-product-zoom.css.map */