.cyto-canvas{width:100%;height:100%;overflow:hidden}.node-container .node-info-right{position:absolute;left:100%;padding-inline:5px;transform:scale(clamp(.5,calc(1 / var(--cy-zoom, .1)),2));transform-origin:top left;transition:transform 75ms cubic-bezier(0,0,.63,.99)}.node-info-right>div{white-space:nowrap;background:#b0e0e6;padding:.5em 1em;border-radius:6px;color:#0c4256;font-size:10px;margin-block:.2em}.annotation{position:absolute;border:.5px dashed orange;box-sizing:border-box;background:#ffa7001a;border-radius:2px}.annotation:hover{border-color:red;background-color:#ff00001a;cursor:pointer}html,body{height:100%;margin:0;padding:0;font-family:Lato,Arial,sans-serif}#app{height:100%}#hud{position:fixed;bottom:25px;left:50%;transform:translate(-50%);height:50px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px 1px #0000004d;display:flex;padding:4px;gap:8px;box-sizing:border-box}#hud>*{height:100%;font-size:12pt;padding:5px 15px;box-sizing:border-box;display:flex;align-items:center}.bottom-enter-active{animation:slideDown .1s ease-in reverse}.bottom-leave-active{animation:slideDown .1s ease-out}@keyframes slideDown{0%{opacity:1;transform:translateY(0) translate(-50%)}to{opacity:0;transform:translateY(100px) translate(-50%)}}.right-enter-active{transition:transform .1s ease-out,opacity .1s ease}.right-leave-active{transition:transform .1s ease-in,opacity .1s ease}.right-enter-from,.right-leave-to{transform:translate(100%);opacity:0}.right-enter-to,.right-leave-from{transform:translate(0);opacity:1}.sidebar{position:fixed;right:0;top:0;bottom:0;width:500px;max-width:52%;overflow-y:auto;padding:10px;box-sizing:border-box;overflow-x:visible;pointer-events:none}.sidebar>*{pointer-events:auto;background-color:#f0f0f0;margin-block:10px;border-radius:4px;padding:1em 1em 10em;overflow-x:visible;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f}