body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.Hotspot{align-items:flex-start;background:#dbdbdb;border:0;box-shadow:0 2px 4px #00000040;box-sizing:border-box;cursor:pointer;display:flex;height:150px;justify-content:center;padding:8px;position:relative;transition:all .5s ease-in-out;width:24px}.Hotspot:not([data-visible]){background:#0000;border:4px solid #fff;box-shadow:none;height:32px;pointer-events:none;width:32px}.Hotspot:focus{background:#aaa;border:4px solid #0080c8;height:100px;outline:none;width:32px}.Hotspot:focus .HotspotAnnotation{background:#7a4191;color:#fff;transform:rotate(6deg)}.Hotspot>*{opacity:1;transform:translateY(-50%)}.HotspotAnnotation{background:#ffefe4;border-radius:15px;box-shadow:0 2px 4px #00000040;color:#406580;display:block;font-family:Montserrat Alternates,sans-serif;font-size:1.5rem;font-weight:700;left:calc(100% + 1em);overflow-wrap:break-word;padding:.5em 1em;transform:rotate(-10deg);transition:all .5s ease-in-out;width:-webkit-max-content;width:max-content}.Hotspot:not([data-visible])>*{opacity:0;pointer-events:none;transform:translateY(calc(-50% + 4px));transition:transform .3s,opacity .3s}
/*# sourceMappingURL=main.a956a8ec.css.map*/