.image-explorer-wrapper{width:100%;overflow:hidden}.image-explorer-container{position:relative;width:100%;height:var(--section-height, 600px);overflow:hidden;background:rgb(var(--color-background));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.image-explorer-container.is-dragging{cursor:grabbing}.image-explorer-viewport{position:relative;width:100%;height:100%;overflow:hidden}.image-explorer-canvas{position:absolute;top:50%;left:50%;width:0;height:0;will-change:transform;transition:transform .1s ease-out}.image-explorer-canvas.is-animating{transition:none}.explorer-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:block;max-width:none;max-height:none}.explorer-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background))}.explorer-placeholder svg{width:100px;height:100px;opacity:.3}.explorer-instructions{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);pointer-events:none;opacity:1;transition:opacity .3s ease}.image-explorer-container.is-interacting .explorer-instructions{opacity:0}.explorer-hint{margin:0;font-size:1.4rem;color:#fff;text-align:center;font-weight:500}.hint-mobile{display:none}.explorer-reset-btn{position:absolute;top:2rem;right:2rem;width:4.4rem;height:4.4rem;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s ease;box-shadow:0 2px 8px #00000026;z-index:10;color:rgb(var(--color-foreground))}.explorer-reset-btn:hover{background:#fff;transform:scale(.9)}.explorer-reset-btn:active{transform:scale(.85)}.image-explorer-container.is-interacting .explorer-reset-btn,.image-explorer-container.user-has-interacted .explorer-reset-btn{opacity:1;transform:scale(1)}.explorer-reset-btn svg{display:block}@media screen and (max-width: 749px){.image-explorer-container{height:calc(var(--section-height, 600px) * .7)}.hint-desktop{display:none}.hint-mobile{display:inline}.explorer-reset-btn{top:1.5rem;right:1.5rem;width:4rem;height:4rem}.explorer-instructions{padding:1.2rem}.explorer-hint{font-size:1.3rem}}@media (prefers-reduced-motion: reduce){.image-explorer-canvas,.explorer-instructions,.explorer-reset-btn{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-image-explorer.css.map */