#playground{width:100%;height:90vh;background:#eee;position:relative;touch-action:pinch-zoom}@media (prefers-color-scheme: dark){#playground{background:#111111}}.node::before{content:"";display:block;width:3rem;height:3rem;border-radius:1rem;background:#444751;transform:translate(-50%, -50%)}@media (prefers-color-scheme: dark){.node::before{background:#bbb9ad}}.node-connector{width:10rem;height:1rem;background:#595C66;transform-origin:0 50%;border-radius:0.5rem;opacity:0.9}@media (prefers-color-scheme: dark){.node-connector{background:#9a9da7}}.node,.node-connector{position:absolute;top:0;left:0;will-change:transform;transition:none}@media screen and (max-width: 450px){.node::before{width:2rem;height:2rem;border-radius:0.7rem}}@media print{body{display:flex;flex-flow:column;height:100vh;overflow-y:hidden}body .sliding,body .controlsContainer{flex:0}body .playgroundContainer{flex:1}body .playgroundContainer>.item,body .playgroundContainer #playground{height:100%}.item{margin:1rem 0}.controls{display:flex !important;text-align:center}.controls>*{flex:1}.controls #chainSize{width:100%}}
/*# sourceMappingURL=style.css.map */