.c-can-360.c-section--deferred{contain-intrinsic-size:auto calc(min(100vw,40rem) + 29vw + 10rem)}.c-360{display:grid;gap:var(--space-lg);justify-items:center;text-align:center}.c-360__stage{position:relative;display:block;width:min(100%,34rem);aspect-ratio:4 / 5}.c-360__canvas,.c-360__fallback,.c-360__stage .c-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.c-360__stage .c-video__poster,.c-360__stage .c-video__media{object-fit:contain}.c-360__canvas{opacity:0;touch-action:pan-y;transition:opacity var(--dur-base) var(--ease-calma)}can-360[data-draggable].is-ready .c-360__canvas{cursor:grab}can-360[data-draggable].is-ready .c-360__canvas:active{cursor:grabbing}.c-360__still{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.c-360__still .c-can{width:auto;height:88%}.c-360__fallback{transition:opacity var(--dur-base) var(--ease-calma)}can-360.is-ready .c-360__canvas{opacity:1}can-360.is-ready .c-360__fallback{opacity:0}can-360:not(.is-ready)+.c-360__hint{visibility:hidden}.c-360__hint,.c-360__caption{font-size:var(--text-sm);color:var(--fg-muted)}.c-layers{position:relative;display:grid;place-items:center;width:min(100%,40rem);aspect-ratio:1;container-type:inline-size}.c-layers__can{position:relative;z-index:2;width:32cqi}.c-layers__can .c-can{width:100%}.c-layers__item{position:absolute;inset-inline-start:var(--x);inset-block-start:var(--y);z-index:var(--z, 1);width:var(--s);translate:-50% -50%}.c-layers__item img{width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-can-360.css.map */