:root{color-scheme:light dark}html,body,#root{height:100%}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:24px;line-height:1.2}p{font-size:14px}.container{width:100vw;height:100vh}.hotspot-tooltip{position:absolute;background:#000c;color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;pointer-events:none;z-index:1000;white-space:nowrap;font-family:Arial,sans-serif;box-shadow:0 2px 4px #0000004d}.hotspot-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.8)}