td-image-zoom-modal{--td-modal-bg: rgba(0, 0, 0, .9);--td-modal-content-bg: transparent;--td-modal-control-bg: #ffffff;--td-modal-control-color: var(--accent-color);--td-modal-control-hover-bg: #ffffff;--td-modal-control-active-bg: #ffffff;--td-modal-control-active-color: var(--accent-color);--td-modal-close-size: 2.5rem;--td-modal-button-size: 2.5rem;--td-modal-transition-duration: .3s;--td-modal-z-index: 9999;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--td-modal-z-index);display:flex;align-items:center;justify-content:center;background-color:var(--td-modal-bg);opacity:0;visibility:hidden;transition:opacity var(--td-modal-transition-duration) ease,visibility var(--td-modal-transition-duration) ease}td-image-zoom-modal[open]{opacity:1;visibility:visible;z-index:10}.td-image-zoom-modal__close{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;align-items:center;justify-content:center;width:var(--td-modal-close-size);height:var(--td-modal-close-size);padding:0;border:none;border-radius:50%;border:1.5px solid var(--td-modal-control-color);background-color:var(--td-modal-control-bg);color:var(--td-modal-control-color);font-size:1.5rem;line-height:1;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.td-image-zoom-modal__close:hover,.td-image-zoom-modal__close:focus{background-color:var(--td-modal-control-hover-bg);transform:scale(1.1)}.td-image-zoom-modal__close:focus{outline:2px solid var(--accent-color);outline-offset:2px}.td-image-zoom-modal__close-icon{width:1.25rem;height:1.25rem}body:has(td-image-zoom-modal[open]) #rebuy-bubble-global-alert-modal{display:none}.td-image-zoom-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:none;border-radius:50%;border:1px solid var(--td-modal-control-color);background-color:var(--td-modal-control-bg);color:var(--td-modal-control-color);cursor:pointer;transition:background-color .2s ease,transform .2s ease,opacity .2s ease}.td-image-zoom-modal__nav--prev{left:1rem}.td-image-zoom-modal__nav--next{right:1rem}.td-image-zoom-modal__nav:hover:not(:disabled){background-color:var(--td-modal-control-hover-bg);transform:translateY(-50%) scale(1.1)}.td-image-zoom-modal__nav:focus{outline:2px solid var(--accent-color);outline-offset:2px}.td-image-zoom-modal__nav:disabled{opacity:.3;cursor:not-allowed}.td-image-zoom-modal__nav svg{width:1.5rem;height:1.5rem}@media screen and (min-width: 750px){.td-image-zoom-modal__nav{width:3.5rem;height:3.5rem}.td-image-zoom-modal__nav--prev{left:1.5rem}.td-image-zoom-modal__nav--next{right:1.5rem}.td-image-zoom-modal__nav svg{width:1.75rem;height:1.75rem}}.td-image-zoom-modal__content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;padding:3rem 1rem}.td-image-zoom-modal__image{max-width:90vw;max-height:80vh;object-fit:contain;transition:transform .2s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media screen and (min-width: 750px){.td-image-zoom-modal__image{max-width:85vw;max-height:85vh}}.td-image-zoom-modal__controls{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:2rem;background-color:var(--td-modal-control-bg)}.td-image-zoom-modal__zoom-in,.td-image-zoom-modal__zoom-out{display:flex;align-items:center;justify-content:center;width:var(--td-modal-button-size);height:var(--td-modal-button-size);padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--td-modal-control-color);font-size:1.5rem;font-weight:300;line-height:1;cursor:pointer;transition:background-color .2s ease}.td-image-zoom-modal__zoom-in:hover:not(:disabled),.td-image-zoom-modal__zoom-out:hover:not(:disabled){background-color:#0000001a}.td-image-zoom-modal__zoom-in:disabled,.td-image-zoom-modal__zoom-out:disabled{opacity:.3;cursor:not-allowed}.td-image-zoom-modal__zoom-in:focus,.td-image-zoom-modal__zoom-out:focus{outline:1.5px solid var(--td-modal-control-color);outline-offset:2px}.td-image-zoom-modal__zoom-levels{display:flex;align-items:center;gap:.25rem}.td-image-zoom-modal__zoom-level-btn{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2rem;padding:0 .5rem;border:1.5px solid transparent;border-radius:1rem;background-color:transparent;color:var(--td-modal-control-color);font-size:.875rem;font-weight:500;line-height:1;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.td-image-zoom-modal__zoom-level-btn:hover{background-color:#0000001a}.td-image-zoom-modal__zoom-level-btn:focus{outline:1.5px solid var(--td-modal-control-color);outline-offset:2px}.td-image-zoom-modal__zoom-level-btn--active{background-color:var(--td-modal-control-active-bg);color:var(--td-modal-control-active-color)}.td-image-zoom-modal__zoom-level-btn--active:hover{background-color:var(--td-modal-control-active-bg)}.td-product-gallery--zoomable .td-product-image{cursor:zoom-in}.td-product-gallery--zoomable .product__media{position:relative}.td-product-gallery__zoom-button{position:absolute;top:.75rem;left:.75rem;z-index:5;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:50%;background-color:#ffffffe6;color:#1a1a1a;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease,transform .2s ease}.td-product-gallery--zoomable .product__media:hover .td-product-gallery__zoom-button{opacity:1}.td-product-gallery__zoom-button:hover{background-color:#fff;transform:scale(1.1)}.td-product-gallery__zoom-button:focus{opacity:1;outline:1.5px solid var(--td-modal-control-color);outline-offset:2px}.td-product-gallery__zoom-button svg{width:1.25rem;height:1.25rem}@media (prefers-reduced-motion: reduce){td-image-zoom-modal,.td-image-zoom-modal__close,.td-image-zoom-modal__image,.td-image-zoom-modal__zoom-in,.td-image-zoom-modal__zoom-out,.td-image-zoom-modal__zoom-level-btn,.td-image-zoom-modal__nav,.td-product-gallery__zoom-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/td-image-zoom-modal.css.map */