.sphere-root{--radius:700px;--viewer-pad:80px;--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))}@media (max-width:768px){.sphere-root{--viewer-pad:12px}}.sphere-root *{box-sizing:border-box}.stage{width:100%;height:100%;perspective:calc(var(--radius)*1.4);perspective-origin:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.sphere{transform-style:preserve-3d;will-change:transform;pointer-events:none;position:absolute}.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));pointer-events:none;margin:auto;transition:transform .3s;position:absolute;inset:-999px}.item__image{border-radius:var(--tile-radius,12px);cursor:pointer;backface-visibility:hidden;pointer-events:auto;background:#1a1a1a;transition:transform .3s;position:absolute;inset:10px;overflow:hidden;transform:translateZ(0)}.item__image:hover{transform:scale(1.05)translateZ(0)}.overlay,.overlay-blur,.edge-fade{z-index:5;pointer-events:none;position:absolute;inset:0}.edge-fade--top{height:120px;top:0}.edge-fade--bottom{height:120px;top:auto;bottom:0}.sphere-root[data-enlarging=true] .scrim{opacity:1!important;pointer-events:all!important}.item__image--reference{pointer-events:none;position:absolute;inset:10px}@media (max-width:768px){.viewer-frame{width:90vw!important;height:auto!important;max-height:70vh!important}}@media (min-width:769px){.viewer-frame{height:100%!important}}