:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#fff;--page-gutter:24px;--mark-max:430px}*{box-sizing:border-box}body{background:var(--canvas);margin:0}.canvas{isolation:isolate;min-height:100svh;padding:var(--page-gutter);place-items:center;display:grid;position:relative}.mark{z-index:1;width:min(58vw, 46svh, var(--mark-max));object-fit:contain;pointer-events:none;max-width:100%;height:auto;max-height:60svh;display:block;position:relative}.world-canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}[data-scene=ready] .mark,[data-scene=paused] .mark{opacity:0}[data-scene=unavailable] .world-canvas{visibility:hidden}.world-canvas:active{cursor:grabbing}.canvas:focus-visible{outline-offset:-4px;outline:1px solid #a6b9cb}.motion-toggle{z-index:2;right:var(--page-gutter);bottom:var(--page-gutter);color:#c8d4de;cursor:pointer;background:#0a101a94;border:1px solid #ccdff133;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.motion-toggle[hidden],.motion-toggle .play,.motion-toggle[aria-pressed=true] .pause{display:none}.motion-toggle[aria-pressed=true] .play{display:block}.motion-toggle:hover{color:#fff;background:#172330}.motion-toggle:focus-visible{outline-offset:3px;outline:2px solid #c8d4de}