.sphere-root{--radius:520px;--viewer-pad:72px;--circ:calc(var(--radius) * 3.14);--rot-y:calc((360deg / var(--segments-x)) / 2);--rot-x:calc((360deg / var(--segments-y)) / 2);--item-width:calc(var(--circ) / var(--segments-x));--item-height:calc(var(--circ) / var(--segments-y))}.sphere-root *{box-sizing:border-box}.sphere-root .sphere,.sphere-root .sphere-item,.sphere-root .item__image{transform-style:preserve-3d}.sphere-root .stage{width:100%;height:100%;perspective:calc(var(--radius) * 2);perspective-origin:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.sphere-root .sphere{transform:translateZ(calc(var(--radius) * -1));will-change:transform;position:absolute}.sphere-root .sphere-item{width:calc(var(--item-width) * var(--item-size-x));height:calc(var(--item-height) * var(--item-size-y));transform-origin:50%;backface-visibility:hidden;transform:rotateY(calc(var(--rot-y) * (var(--offset-x) + ((var(--item-size-x) - 1) / 2)) + var(--rot-y-delta,0deg))) rotateX(calc(var(--rot-x) * (var(--offset-y) - ((var(--item-size-y) - 1) / 2)) + var(--rot-x-delta,0deg))) translateZ(var(--radius));margin:auto;transition:transform .3s;position:absolute;inset:-999px}.sphere-root[data-enlarging=true] .scrim{opacity:1!important;pointer-events:all!important}@media (aspect-ratio<=1){.sphere-root .viewer-frame{width:100%!important;height:auto!important}}.item__image{border-radius:var(--tile-radius,12px);cursor:pointer;backface-visibility:hidden;pointer-events:auto;transition:transform .3s;position:absolute;inset:10px;overflow:hidden;transform:translateZ(0)}.item__image--reference{pointer-events:none;position:absolute;inset:10px}