.mx-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0b1724f2;color:#fff;font-family:DM Sans,sans-serif;-webkit-user-select:none;user-select:none}.mx-zoom[hidden]{display:none}.mx-zoom-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.mx-zoom-track{display:flex;height:100%;will-change:transform}.mx-zoom-track.animate{transition:transform .32s cubic-bezier(.2,.7,.2,1)}.mx-zoom-slide{flex:0 0 100%;height:100%;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;padding:72px 88px 150px;box-sizing:border-box}.mx-zoom-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 24px 60px #0006;cursor:zoom-in;transform-origin:center;will-change:transform;-webkit-user-drag:none}.mx-zoom-slide img.animate{transition:transform .25s ease}.mx-zoom-slide.loading{position:relative}.mx-zoom-slide.loading:after{content:"";position:absolute;left:calc(50% - 18px);top:calc(50% - 58px);width:36px;height:36px;box-sizing:border-box;border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:mxZoomSpin .8s linear infinite}@keyframes mxZoomSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mx-zoom-slide.loading:after{animation:none}}.mx-zoom.zoomed .mx-zoom-slide img{cursor:zoom-out}.mx-zoom.can-pan .mx-zoom-slide img{cursor:grab}.mx-zoom.can-pan .mx-zoom-stage:active img{cursor:grabbing}.mx-zoom-btn{width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:var(--ink, #0b1724);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px #0004}.mx-zoom-btn:hover{color:var(--teal, #0069a8)}.mx-zoom-btn:focus-visible{outline:3px solid #7cc4ef;outline-offset:2px}.mx-zoom-btn[disabled]{opacity:.35;cursor:default}.mx-zoom-top{position:absolute;top:18px;left:20px;right:18px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.mx-zoom-top>*{pointer-events:auto}.mx-zoom-count{font-size:14px;font-weight:600;letter-spacing:.4px;color:#dbe4ea}.mx-zoom-nav{position:absolute;top:calc(50% - 60px)}.mx-zoom-nav.prev{left:20px}.mx-zoom-nav.next{right:20px}.mx-zoom.single .mx-zoom-nav{display:none}.mx-zoom-foot{position:absolute;left:0;right:0;bottom:16px;display:grid;justify-items:center;gap:10px;pointer-events:none}.mx-zoom-foot>*{pointer-events:auto}.mx-zoom-hint{margin:0;font-size:12px;color:#a9b7c2}.mx-zoom-tools{display:flex;gap:10px}.mx-zoom-tools .mx-zoom-btn{width:40px;height:40px}.mx-zoom-thumbs{display:flex;gap:8px;max-width:calc(100vw - 32px);overflow-x:auto;padding:4px;scrollbar-width:none}.mx-zoom-thumbs::-webkit-scrollbar{display:none}.mx-zoom-thumbs:empty{display:none}.mx-zoom-thumbs button{flex:0 0 auto;width:52px;height:52px;padding:3px;border:2px solid transparent;border-radius:10px;background:#fff;cursor:pointer;opacity:.6}.mx-zoom-thumbs button.active{border-color:var(--teal, #0069a8);opacity:1}.mx-zoom-thumbs img{width:100%;height:100%;object-fit:contain;display:block}.mx-zoom.zoomed .mx-zoom-hint{visibility:hidden}@media(max-width:700px){.mx-zoom-slide{padding:64px 12px 160px}.mx-zoom-nav{display:none}.mx-zoom-top{top:12px;left:16px;right:12px}.mx-zoom-btn{width:44px;height:44px}.mx-zoom-thumbs button{width:46px;height:46px}}@media(max-height:500px)and (hover:none){.mx-zoom-slide{padding:12px 76px}.mx-zoom-hint,.mx-zoom-thumbs{display:none}.mx-zoom-foot{left:auto;right:16px;bottom:12px}.mx-zoom-tools{flex-direction:column}.mx-zoom-nav{display:grid;top:calc(50% - 24px)}.mx-zoom-nav.prev{left:14px}.mx-zoom-nav.next{right:14px}.mx-zoom.single .mx-zoom-nav{display:none}.mx-zoom-top{top:10px;left:18px;right:14px}.mx-zoom-slide.loading:after{top:calc(50% - 18px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mx-zoom.css.map */