.demo-scene{display:grid}.demo-surface{position:relative}.demo-surface>img{display:block;width:100%;height:auto}.demo-hotspot{position:absolute;padding:0;border:0;border-radius:4px;background:transparent;box-shadow:0 0 0 2px #315ef58c;cursor:pointer;transition:box-shadow .2s ease,background .2s ease}.demo-hotspot span{position:absolute;inset:0;color:transparent;font-size:1px}.demo-hotspot:hover,.demo-hotspot:focus-visible{box-shadow:0 0 0 3px #315ef5d9;outline:none}.demo-hotspot-on{background:#d7ff668c;box-shadow:0 0 0 2px #d7ff66f2}.demo-panel{position:absolute;z-index:3;filter:drop-shadow(0 22px 40px rgba(20,30,55,.28));animation:demo-panel-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes demo-panel-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}.demo-caption-loading{color:var(--muted)}@media(max-width:700px){.demo-panel{position:static;width:auto!important;margin-top:12px;filter:none}}@media(prefers-reduced-motion:reduce){.demo-panel{animation:none}.demo-hotspot{transition:none}}.demo-cursor{position:absolute;z-index:6;width:18px;height:28px;pointer-events:none;transition:left .9s cubic-bezier(.3,.75,.2,1),top .9s cubic-bezier(.3,.75,.2,1),opacity .3s ease;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.demo-cursor svg{display:block}.demo-cursor-hidden{opacity:0}.demo-cursor-ring{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:2px solid var(--blue);opacity:0;transform:scale(.3)}.demo-cursor-tap .demo-cursor-ring{animation:demo-ring .5s ease-out}.demo-cursor-hint .demo-cursor-ring{animation:demo-ring 1.7s ease-out infinite}.demo-cursor-hint svg{animation:demo-press 1.7s ease-in-out infinite;transform-origin:2px 2px}@keyframes demo-ring{0%{opacity:.9;transform:scale(.3)}60%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}@keyframes demo-press{0%,to{transform:scale(1)}10%{transform:scale(.82)}22%{transform:scale(1)}}.demo-hotspot-hint{animation:demo-breathe 1.7s ease-in-out infinite}@keyframes demo-breathe{0%,to{box-shadow:0 0 0 2px #315ef58c}50%{box-shadow:0 0 0 5px #315ef540,0 0 0 2px #315ef5e6}}.demo-panel-out{animation:demo-panel-out .26s ease-in forwards}@keyframes demo-panel-out{to{opacity:0;transform:translateY(6px) scale(.985)}}@media(prefers-reduced-motion:reduce){.demo-cursor{transition:none}.demo-cursor-ring,.demo-cursor-hint svg,.demo-hotspot-hint,.demo-panel-out{animation:none}}