hh-media-zoom,.media-zoom-modal{--media-zoom-cursor-in: zoom-in;--media-zoom-cursor-out: zoom-out;--media-zoom-cursor-pan: grab;--media-zoom-cursor-drag: grabbing}hh-media-zoom{--media-zoom-inset: 1.6rem;--media-zoom-offset: 4.4rem}.media-zoom__toggle,.media-zoom__open{--hh-icon-control-size: 4.4rem;position:sticky;bottom:var(--media-zoom-offset);z-index:4;display:flex;margin:calc(-1 * (var(--hh-icon-control-size) + var(--media-zoom-offset))) var(--media-zoom-inset) var(--media-zoom-offset) auto;transition:opacity var(--hh-duration-default, .3s) ease,visibility 0s linear 0s,background var(--hh-duration-default, .3s),color var(--hh-duration-default, .3s),border-color var(--hh-duration-default, .3s)}.media-zoom__open{display:none}hh-media-zoom:not([media-type=image]) .media-zoom__toggle,hh-media-zoom:not([media-type=image]) .media-zoom__open{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--hh-duration-default, .3s) ease,visibility 0s linear var(--hh-duration-default, .3s)}.media-zoom__icon{display:flex}.media-zoom__icon svg{width:1.8rem;height:1.8rem}hh-media-zoom[zoomed] .media-zoom__icon--in,hh-media-zoom:not([zoomed]) .media-zoom__icon--out{display:none}hh-media-zoom .js-thumbnail-wrapper{transition:transform var(--hh-duration-default, .3s) ease}hh-media-zoom [data-media-type=image]{touch-action:pan-x pan-y}hh-media-zoom .is-pinching{overflow:hidden}hh-media-zoom .is-zoomed{overflow:hidden;touch-action:none;cursor:var(--media-zoom-cursor-pan)}hh-media-zoom .is-zoomed .js-thumbnail-wrapper,hh-media-zoom .is-pinching .js-thumbnail-wrapper{will-change:transform}hh-media-zoom .is-zoomed img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}hh-media-zoom[dragging] .is-zoomed{cursor:var(--media-zoom-cursor-drag)}hh-media-zoom[dragging] .js-thumbnail-wrapper,hh-media-zoom .is-pinching .js-thumbnail-wrapper{transition:none}.media-zoom-modal{--hh-close-button-width: 4.4rem;--hh-close-button-top: 2rem;--hh-close-button-right: 2rem}.media-zoom__stage{position:relative;display:block;width:min(100vw,calc(100vh * var(--media-zoom-ratio, .7143)));width:min(100vw,calc(100dvh * var(--media-zoom-ratio, .7143)));aspect-ratio:var(--media-zoom-ratio, .7143);padding:0;border:0;background:none;overflow:hidden;cursor:var(--media-zoom-cursor-in);touch-action:none;-webkit-tap-highlight-color:transparent}.media-zoom__stage.is-zoomed{cursor:var(--media-zoom-cursor-out)}.media-zoom__stage.is-dragging{cursor:var(--media-zoom-cursor-drag)}.media-zoom__stage:focus{outline:none}.media-zoom__stage:focus-visible{outline:.2rem solid var(--hh-color-focus, #393939);outline-offset:-.4rem}.media-zoom__canvas{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform var(--hh-duration-default, .3s) ease}.media-zoom__stage.is-zoomed .media-zoom__canvas,.media-zoom__stage.is-pinching .media-zoom__canvas{will-change:transform}.media-zoom__stage.is-dragging .media-zoom__canvas,.media-zoom__stage.is-pinching .media-zoom__canvas{transition:none}.media-zoom__image,.media-zoom__canvas svg{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.media-zoom__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.media-zoom__stage.is-engraving .media-zoom__image{object-fit:cover}@media screen and (min-width:750px){hh-media-zoom{--media-zoom-offset: 1.6rem}.media-zoom__open{display:flex}hh-media-zoom[media-type=image] .js-thumbnail-wrapper{cursor:var(--media-zoom-cursor-in)}}@media(prefers-reduced-motion:reduce){.media-zoom__toggle,.media-zoom__open,hh-media-zoom:not([media-type=image]) .media-zoom__toggle,hh-media-zoom:not([media-type=image]) .media-zoom__open,hh-media-zoom .js-thumbnail-wrapper,.media-zoom__canvas{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/364/assets/component-media-zoom.css.map */