@font-face{font-family:"font";src:url(../../static/media/Unica77LLWeb-Light.82ab39cf.woff2) format("woff2")}*{box-sizing:border-box;color:#333;font-size:1.2vh;letter-spacing:.2vw;font-family:"font";font-weight:700}#root,body,html{margin:0;padding:0;position:relative}#root,.bg,body,html{width:100%;height:100%}.bg{left:0;top:0;z-index:-1;background:linear-gradient(#f0f0f0,#fafafa)}.bg,.middle{position:absolute}.middle{top:.8vh;left:-.1vh;border-radius:50%;width:1.5vh;height:1.5vh;background:#aaa}.loopsTitle,.modesTitle,.shapesTitle{z-index:1}.loopsTitle{top:14vh}.loops,.loopsTitle{position:absolute;left:2vh}.loops{top:16vh;display:flex;z-index:1;letter-spacing:.1vw}.loop{margin-right:.5vh;cursor:pointer;border-radius:50%}.loop:hover{background:#666}.modesTitle{top:2vh}.modes,.modesTitle{position:absolute;left:2vh}.modes{top:4vh;display:flex;z-index:1}.mode{margin-right:.5vh;cursor:pointer;border-radius:50%}.shapesTitle{top:8vh}.shapes,.shapesTitle{position:absolute;left:2vh}.shapes{top:10vh;display:flex;z-index:1}.shape{margin-right:.5vh;cursor:pointer;border-radius:50%}.loop,.mode,.shape{border:1.5px solid #333;width:2vh;height:2vh}.mode.active,.mode:hover,.shape.active,.shape:hover{background:#333}canvas{z-index:1}
/*# sourceMappingURL=main.d928852d.chunk.css.map */