@font-face{font-family:Roboto-Bold;src:url(/src/assets/Roboto-Bold.ttf) format("truetype")}body,html,#app{height:100%;margin:0;padding:0;overflow:hidden}.canvas-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;display:block}.bg{background-color:#fff;background-image:linear-gradient(45deg,#f3f3f3 25%,transparent 25%,transparent 75%,#f3f3f3 75%,#f3f3f3),linear-gradient(45deg,#f3f3f3 25%,#fff 25%,#fff 75%,#f3f3f3 75%,#f3f3f3);background-size:20px 20px;background-position:0 0,10px 10px;transition:all .5s ease}.bg.dark{background-color:#313131;background-image:linear-gradient(45deg,#333333 25%,transparent 25%,transparent 75%,#333333 75%,#333333),linear-gradient(45deg,#333 25%,#313131 25%,#313131 75%,#333 75%,#333);background-size:20px 20px;background-position:0 0,10px 10px}.drag-over{background-image:linear-gradient(45deg,#333333 25%,transparent 25%,transparent 75%,#333333 75%,#333333),linear-gradient(45deg,#333 25%,#313131 25%,#313131 75%,#333 75%,#333);transition:all .5s ease}canvas{height:100vh}.title{position:fixed;top:6%;left:50%;width:80%;transform:translate(-50%);text-align:center;color:#c83c5a;font-size:32px;font-family:Roboto-Bold;font-weight:700;font-style:normal;margin:10px}.upload-button{background-color:#ff568a;border-width:0px;border-radius:50%;position:absolute;top:40%;left:50%;transform:translate(-50%,-60%);z-index:10;width:200px;height:200px;display:flex;justify-content:center;align-items:center;transition:all .5s ease}.upload-button:hover{cursor:pointer}.upload-container{width:100px;height:100px}.bottom-svg{width:100%;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);z-index:10}.placeholder{height:300px;background-color:#009aff}.demo{margin-top:-10px;padding:20px;height:200px;background-color:#009aff;text-align:center;color:#fff;font-size:20px;font-family:Roboto-Bold}.favicon:hover{cursor:pointer}.demoimg{width:80px;height:80px;border-radius:50%;margin:12px}.demoimg:hover{cursor:pointer}.description{display:inline-block;color:#fff;min-width:60px;font-family:Roboto-Bold}select{width:150px;background-color:#1d1d1d;color:#fff;font-size:16px;font-family:Roboto-Bold;border:none;border-radius:5px;padding:5px;margin:3px}.run-button{width:40px;height:40px;background-color:#1d90ee;border:none;border-radius:25px;padding:5px;margin:5px -20px 5px 20px;display:inline-block}.question-button{width:40px;height:40px;background-color:#1d1d1d;border:none;border-radius:25px;padding:5px;margin:5px -20px 40px 20px;display:inline-block}.question-button:hover,.run-button:hover{cursor:pointer}.save-button{width:40px;height:40px;background-color:#9dca5a;border:none;border-radius:25px;padding:5px;display:inline-block;margin:5px 5px 5px 20px}.save-button:hover{cursor:pointer}.goback{position:absolute;top:10px;left:10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;z-index:10;background-color:#d21d5a;border:none;border-radius:20px;padding:5px;margin:5px}.goback:hover{cursor:pointer}.github{position:absolute;top:10px;right:10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;z-index:10;border:none;border-radius:10px;-webkit-user-select:none;user-select:none}.github:hover{cursor:pointer}.floating-menu{position:absolute;background-color:#1d1d1d;border-radius:20px;color:#fff;max-width:100%;width:320px;height:200px;max-width:80%;padding:20px;bottom:25px;left:50%;transform:translate(-50%);z-index:10;display:flex;justify-content:center;align-items:center;transition:all .5s ease;-webkit-user-select:none;user-select:none}.dragLine{position:fixed;top:0;bottom:0;left:50%;width:9px;transform:translate(-100%);background-color:#0009;display:flex;justify-content:center;align-items:center}.dragLine:hover{cursor:ew-resize}.dragBall{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background-color:#000000e6;border-radius:50%;display:flex;justify-content:center;align-items:center}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}