.product-zoom{display:contents}.product-zoom__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;border:0;outline:none;background-color:var(--brand-off-white);color:var(--brand-navy);touch-action:none;overscroll-behavior:contain}.product-zoom__dialog::backdrop{background-color:transparent}.product-zoom__track{position:absolute;top:0;right:0;bottom:0;left:0;translate:calc(var(--product-zoom-index, 0) * -112%) 0;transition:translate .7s cubic-bezier(.645,.045,.355,1)}@media(prefers-reduced-motion:reduce){.product-zoom__track{transition:none}}.product-zoom__slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;translate:calc(var(--product-zoom-slide, 0) * 112%) 0}.product-zoom__image{position:absolute;inset-block-start:0;inset-inline-start:0;max-width:none;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(hover:hover)and (pointer:fine){.product-zoom__image{cursor:image-set(url(cursor-zoom-in.svg) 1x,url(cursor-zoom-in-2x.svg) 2x) 18 18,zoom-in}}@media(hover:hover)and (pointer:fine){.product-zoom__dialog.is-zoomed .product-zoom__image{cursor:grab}}@media(hover:hover)and (pointer:fine){.product-zoom__dialog.is-dragging .product-zoom__image{cursor:grabbing}}.product-zoom__controls{position:absolute;inset-block-end:50px;inset-inline:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;translate:0 35px;transition:opacity .15s ease-in-out,translate .15s ease-in-out,visibility .15s ease-in-out}@media(prefers-reduced-motion:reduce){.product-zoom__controls{transition:none}}.product-zoom__dialog.is-animated-in .product-zoom__controls{visibility:visible;opacity:1;translate:0 0}.product-zoom__dialog.is-animated-in.is-ui-hidden .product-zoom__controls{visibility:hidden;opacity:0}.product-zoom__button{display:grid;place-items:center;width:45px;height:45px;padding:0;border:0;border-radius:50%;background-color:var(--brand-off-white);color:var(--brand-navy);box-shadow:0 2px 10px #36363626;scale:1.001;cursor:pointer;transition:opacity .15s ease-in-out,scale .2s ease-in-out}.product-zoom__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.product-zoom__button[disabled]{opacity:0;pointer-events:none}@media(hover:hover){.product-zoom__button:hover{scale:1.1}}.product-zoom__button svg{width:15px;height:15px;overflow:visible;pointer-events:none}.product-zoom__button--close{width:55px;height:55px;margin-inline:22px}.product-zoom__button--previous{rotate:180deg}@media(hover:hover){.product-zoom__button--previous:hover{scale:1.001}}@media(hover:hover){.product-zoom__button--previous:hover svg{animation:product-zoom-icon-back .5s ease-in-out forwards}.product-zoom__button--next:hover svg{animation:product-zoom-icon-across .5s ease-in-out forwards}.product-zoom__button--close:hover svg{animation:product-zoom-icon-down .5s ease-in-out forwards}}@media(prefers-reduced-motion:reduce){.product-zoom__button svg{animation:none!important}}@keyframes product-zoom-icon-across{25%{opacity:0;translate:100% 0}50%{opacity:0;translate:-100% 0}75%{opacity:1;translate:0 0}}@keyframes product-zoom-icon-back{25%{opacity:0;translate:-100% 0}50%{opacity:0;translate:100% 0}75%{opacity:1;translate:0 0}}@keyframes product-zoom-icon-down{25%{opacity:0;translate:0 100%}50%{opacity:0;translate:0 -100%}75%{opacity:1;translate:0 0}}
/*# sourceMappingURL=/cdn/shop/t/926/assets/component-product-zoom.css.map */
