*{box-sizing:border-box}@font-face{font-family:"font";src:url(../../static/media/Unica77LLWeb-Light.82ab39cf.woff2) format("woff2")}#root,body,html{width:100%;height:100%;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overflow:hidden;font-family:"font";letter-spacing:.2em;cursor:pointer}#root,body,canvas,html{image-rendering:-moz-crisp-edges;image-rendering:pixelated}#root{overflow:auto}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;color:#000;background:linear-gradient(0deg,#c1aaf8,#fff);background:#000;cursor:none}.instUi,.partsUi{pointer-events:none;position:absolute;left:0;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.partsUi{top:2vh}.part{margin:2vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:relative;-webkit-flex:1 1;flex:1 1;max-width:10vw}.progress{width:100%}.back,.progress{position:absolute;bottom:-4vw;height:.5vw}.back{width:0;background:#c9c9f0;left:0}.progress .inner{position:relative;width:100%;height:.5vw}.progress .inner div{position:absolute;width:1px;height:100%;background:#c9c9f0;top:0}.box{position:relative;border:.15vw dotted #c9c9f0;width:4vw;height:4vw;border-radius:50%}.remove{position:absolute;right:0;top:0;color:#c9c9f0;font-size:1vw;-webkit-transform:translateY(-20%);transform:translateY(-20%);cursor:pointer;z-index:1;width:1vw}.remove svg{width:1vw;height:1vw}.remove:hover{color:red}.border{bottom:-4vw;display:-webkit-flex;display:flex;width:100%;height:.5vw;border:1px dotted #c9c9f0}.border,.duration{position:absolute;color:#c9c9f0}.duration{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);line-height:1em;font-size:1em}.octaveDown,.octaveUp{border:.15vw dotted #c9c9f0;width:1.25vw;height:1.25vw;position:absolute;bottom:-2vw;cursor:pointer}.octaveDown:hover,.octaveUp:hover{border-color:red!important}.octaveUp{right:3.3vw;border-right-width:0;border-bottom-width:0;bottom:-2.65vw}.octaveDown,.octaveUp{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.octaveDown{left:3.3vw;border-left-width:0;border-top-width:0}.duration,.inst,.octaveDown,.octaveUp,.remove{pointer-events:all;z-index:1}.instUi{bottom:6vh;height:6vw}.inst{text-transform:uppercase;width:4vw;height:4vw;margin:1vw;border:.15vw dotted #fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:0;cursor:pointer;color:#fff;font-weight:700;z-index:1;transition:all .2s ease}.inst.active{border-radius:50%;color:#fff!important}.inst.inactive{background:transparent!important}.invert1,.invert2,.invert3{width:0;height:0;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);background:#fff;mix-blend-mode:difference;border-radius:0;pointer-events:none}.invert3{width:200vw;height:200vw}.playback{position:absolute;bottom:50%;left:50%;-webkit-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%);width:50vh;height:50vh;max-width:40vw;max-height:40vw;mix-blend-mode:difference;border-radius:100%;background:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:border-radius .8s ease}.locked{border-radius:0;-webkit-transform:scale(.5);transform:scale(.5)}.cursor{position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:5vw;height:5vw;border-radius:100%;mix-blend-mode:difference;left:50%;top:50%;pointer-events:none}
/*# sourceMappingURL=main.2bad964e.chunk.css.map */