.zoom-btn{position:absolute;bottom:20px;left:var(--margin);z-index:3;display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;transition:opacity var(--tMed);padding:0}.zoom-btn:hover{opacity:.7}#pdp-hero[data-bg=light] .zoom-btn,#pdp-hero:not([data-bg]) .zoom-btn{color:var(--aubergine)}#pdp-hero[data-bg=dark] .zoom-btn{color:var(--beige)}.zoom-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#111111f2}.zoom-modal[hidden]{display:none}.zoom-modal__close{position:absolute;top:20px;right:20px;z-index:10}.zoom-modal__close:hover{opacity:.7}.zoom-modal__body{display:grid;grid-template-columns:62% 38%;height:100dvh;width:100%}.zoom-modal__main{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:crosshair;padding:40px}.zoom-modal__img{max-width:100%;max-height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-select:none}.zoom-modal__lens{position:absolute;border:2px solid var(--white);pointer-events:none;opacity:0;transition:opacity .15s ease;will-change:transform;background:#ffffff0d}.zoom-modal__result{background-repeat:no-repeat;background-color:#111111f2;opacity:0;transition:opacity .2s ease}.zoom-modal__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background-color:transparent;border-radius:50%;color:var(--beige);cursor:pointer;transition:background-color var(--tBase);padding:0}.zoom-modal__nav:hover{background-color:var(--red)}.zoom-modal__nav--prev{left:45px}.zoom-modal__nav--next{right:45px}.zoom-modal__counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:var(--beige);opacity:.7}body.zoom-modal-open{overflow:hidden}@media screen and (max-width:1023px){.zoom-modal__body{grid-template-columns:1fr}.zoom-modal__result{display:none}.zoom-modal__main{cursor:default;padding:20px}.zoom-modal__img{touch-action:pinch-zoom}.zoom-modal__img.is-zoomed{cursor:grab;touch-action:none;transform-origin:0 0}.zoom-modal__img.is-zoomed.is-dragging{cursor:grabbing}.zoom-modal__lens{display:none}.zoom-modal__nav{width:36px;height:36px}.zoom-modal__nav--prev{left:10px}.zoom-modal__nav--next{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/image-zoom.css.map */