@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap);*,:after,:before{margin:0;padding:0;outline:none;border:none;box-sizing:inherit;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html{font-size:62.5%}body{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}.menu-close-modal{background-color:transparent;width:100vw;height:100vh;position:absolute;top:0;left:0}@-webkit-keyframes LeftMove{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(1rem)}to{opacity:1;transform:translate(0)}}@keyframes LeftMove{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(1rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes RightMove{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes RightMove{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes topMove{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}@keyframes topMove{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.sidebar{background-color:#fff;height:100vh;position:fixed;top:0;left:0;width:30rem;padding:1rem 0}.sidebar__section{position:relative;width:100%}.sidebar__section__title{font-size:2rem;max-width:90%;margin:0 auto;font-weight:700;text-transform:capitalize}.sidebar__section__content{height:10rem;width:90%;margin:0 auto}.sidebar__divider{background-color:#ccc;border-radius:10px;width:90%;margin:1rem auto;height:2px}.sidebar__component{background-color:#eee;margin:1rem auto;padding:1rem 2rem;font-size:1.5rem;display:flex;align-items:center;cursor:pointer}.sidebar__component span{margin:0 1rem}.context-menu{position:absolute;background-color:#fff;width:15rem;height:9rem;border-radius:10px;z-index:2;padding:1rem;text-align:center}.context-menu-wrapper{position:relative;border-radius:10px;width:100%;height:100%;display:inline-block}.context-menu-btn{cursor:pointer;font-weight:700;padding:1rem;background-color:#eee;width:100%;transition:all .2s ease-out;border-radius:7px;display:grid;grid-template-columns:1fr 5fr;color:#2d3436}.context-menu-btn>p{font-size:10rem;text-align:left;text-align:center}.context-menu-btn:not(:last-child){margin-bottom:3px}.context-menu-btn:hover{background-color:#ccc}.context-menu-pure{border-radius:5px;position:absolute;width:20rem;margin:0;overflow:hidden;background:#fff;z-index:100;box-shadow:.5rem 1rem 10rem rgba(10,0,0,.2);opacity:0;transform:translateY(15px) scale(.95);transition:transform .1s ease-out,opacity .1s ease-out;pointer-events:none}.context-menu-pure-item{position:relative;margin:0;padding:0;width:100%;white-space:nowrap;border-radius:5px}.context-menu-pure-btn{background:none;line-height:normal;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:block;width:100%;text-align:left;cursor:pointer;white-space:nowrap;padding:0 2rem .3rem;display:grid;grid-template-columns:1fr 4fr}.context-menu-pure-btn:active{transform:translate(0)}.context-menu-pure-btn::-moz-focus-inner{border:0;padding:0}.context-menu-pure-icon,.context-menu-pure-text{color:#2d3436;font-size:1.7rem}.context-menu-pure-text{margin:auto 0}.context-menu-pure-item:hover{color:#2d3436;outline:none;background-color:#eee;cursor:pointer}.context-menu-pure-item:active{transform:translate(0);background-color:#ccc}.context-menu-pure-item.disabled{opacity:.5;pointer-events:none}.context-menu-pure-item.disabled .context-menu-pure-btn{cursor:not-allowed}.context-menu-pure-separator{display:block;margin:7px 5px;height:1px;background-color:#aaa}.context-menu-pure-item.subcontext-menu-pure:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%)}.context-menu-pure .context-menu-pure{top:4px;left:99%}.context-menu-pure-item:hover>.context-menu-pure,.show-context-menu-pure{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.context-menu-pure-item:hover>.context-menu-pure{transition-delay:.3s}.properties{position:absolute;width:50rem;height:50rem;top:5rem;right:2rem;z-index:2;background-color:#fff;box-shadow:0 .5rem 3rem rgba(0,0,0,.1);-webkit-animation:bounceIn .3s ease-out;animation:bounceIn .3s ease-out;border-radius:10px}.properties__title{font-size:2.5rem;padding:1rem 2rem}.properties__section{padding:1rem 2rem;max-width:90%;margin:0 auto}.properties__divider{background-color:#ccc;width:90%;margin:0 auto;height:2px;border-radius:10px}.properties__label{font-size:1.5rem;font-weight:700;margin:1rem 0}.properties__textinput{background-color:#eee;width:100%;padding:1rem 2rem;font-size:1.7rem}.properties__color-picker__parent{position:relative}.properties__color-picker__trigger{background:red;width:3rem;height:3rem;border-radius:5px;cursor:pointer;border:1px solid #000}.properties__color-picker__picker{position:absolute;top:0;left:0;transition:all .3s ease-out;transform:scale(0);transform-origin:0 0}.properties__color-picker__picker--visible{transform:scale(1)}.properties__tabs{background-color:#eee;width:100%;height:5rem;display:flex}.properties__tab{background-color:#fff;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 2rem}.properties__tab i{font-size:2rem}.properties__tab span{font-size:1.5rem}.properties__rangeinput{width:100%}.btn{padding:1rem 2rem;background-color:#ccc;border-radius:5px;font-size:2rem;resize:both;overflow:hidden}.btn,.text{cursor:pointer;text-align:center}.text{font-size:3rem}.home{width:100vw;height:100vh}.home__canvas{background-color:#eee;position:absolute;top:0;right:0;width:calc(100vw - 30rem);height:100vh}
/*# sourceMappingURL=main.579a6fe6.chunk.css.map */