@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#eee;font-family:Source Code Pro;overflow-x:hidden;overflow-y:hidden;width:100%}.main{display:flex;max-height:calc(100vh - 50px)}.left-container{border-radius:12px;display:flex;flex:70% 1;height:calc(100vh - 100px);margin:12px 20px 20px;position:relative}.right-container{background-color:#eee;display:flex;flex:30% 1;flex-direction:column;gap:2rem;max-height:calc(100vh - 95px)}.right-container h4{font-size:16px;margin-bottom:0;margin-left:10px;margin-top:.4rem}.input-box{background-color:#eee;border:none;border-radius:16px;box-shadow:0 4px 35px rgba(0,0,0,.1);color:#fff;height:calc(40% - 2rem);margin:3rem 1rem 0 0;overflow-y:hidden;position:relative;width:25rem}.input-box textarea{border:none;font-size:16px}.spinner-box{align-items:center;background-color:#eee;display:flex;flex:50% 1;height:calc(70% - 2rem);justify-content:center;overflow-y:auto;overflow-y:hidden}.spinner-box img{width:200px}.output-box{background-color:#eee;border-radius:16px;box-shadow:0 4px 35px rgba(0,0,0,.1);color:#fff;height:calc(70% - 2rem);overflow-y:auto;position:relative;width:25rem}.clear-btn{background-color:#db005b;border:none;border-radius:16px;bottom:8px;color:#fff;cursor:pointer;font-family:Source Code Pro;font-size:16px;font-weight:700;height:32px;margin-bottom:10px;position:absolute;right:18px;transition:.3s;width:70px}.clear-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.output-box pre{color:#db005b;font-size:15px;padding-left:.5rem;white-space:pre-wrap}#code-input,h4{color:#db005b}#code-input{background-color:#eee;box-sizing:border-box;height:100%;padding:5px;resize:none;width:100%}#code-input:focus{outline:none}.run-btn{background-color:#db005b;border:none;border-radius:16px;bottom:14px;color:#fff;cursor:pointer;font-family:Source Code Pro;font-size:18px;font-weight:700;height:32px;margin-bottom:10px;position:absolute;right:18px;transition:.3s;width:70px}.run-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.editor-container{border-radius:16px;height:calc(100vh - 100px);overflow:hidden;width:100%}
/*# sourceMappingURL=main.b042753b.css.map*/