.sphere-root{background-color:var(--overlay-blur-color,#050b1a);touch-action:none;-webkit-user-select:none;user-select:none;--unit-angle:calc(360deg/var(--segments-x));--row-height-angle:calc(180deg/15);width:100%;height:100vh;position:relative;overflow:hidden}.sphere-main{perspective:2000px;width:100%;height:100%;transform-style:preserve-3d}.stage{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex}.sphere{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.item{width:0;height:0;transform-style:preserve-3d;--unit:calc(180deg/var(--segments-x));--rot-y:calc(var(--unit)*(var(--offset-x) + (var(--item-size-x) - 1)/2));--rot-x:calc(var(--unit)*(var(--offset-y) - (var(--item-size-y) - 1)/2));transform:rotateY(var(--rot-y))rotateX(var(--rot-x))translateZ(var(--radius));transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.item__image{width:calc(3.14159*var(--radius)/var(--segments-x)*var(--item-size-x)*.9);height:calc(3.14159*var(--radius)/var(--segments-x)*var(--item-size-y)*.9);border-radius:var(--tile-radius);cursor:pointer;backface-visibility:hidden;background:#ffffff1a;border:1px solid #ffffff1a;transition:opacity .3s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.item__image img{object-fit:cover;pointer-events:none;width:100%;height:100%;filter:var(--image-filter);transition:filter .3s}.item__image:hover img{filter:none;transform:scale(1.05)}.overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.overlay--blur{background:radial-gradient(circle at center,transparent 30%,var(--overlay-blur-color)90%);pointer-events:none}.viewer{pointer-events:none;z-index:100;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scrim{opacity:0;pointer-events:auto;cursor:zoom-out;visibility:hidden;background:#000000d9;transition:opacity .3s;position:absolute;inset:0}.frame{pointer-events:none;visibility:hidden;width:80vw;height:80vh;position:relative}.sphere-root[data-enlarging=true] .scrim{opacity:1;visibility:visible}.sphere-root[data-enlarging=true] .frame{visibility:visible}.enlarge{z-index:101;overflow:hidden;box-shadow:0 20px 50px #00000080}.dg-scroll-lock{overflow:hidden}.item__image--reference{visibility:hidden}