*{padding:0}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{max-height:100vh;width:100%;overflow-y:hidden;background-color:#474747}.main{display:flex}.left-container,.main{height:calc(100vh - 50px)}.left-container{position:relative;flex:60% 1}.right-container{flex:40% 1;height:calc(100vh - 50px);display:flex;flex-direction:column;background-color:#242424;border-left:3px solid #1f65e6;padding:5px}.input-box{flex:50% 1}.input-box textarea{font-size:16px}.spinner-box{flex:50% 1;background-color:#242424;overflow-y:auto;display:flex;justify-content:center;align-items:center}.spinner-box img{width:200px}.output-box{flex:50% 1;background-color:#242424;overflow-y:auto;color:#fff;position:relative}.clear-btn{position:absolute;bottom:14px;right:18px;width:80px;height:40px;font-size:22px;font-weight:700;color:#fff;background-color:#1f65e6;border:none;border-radius:4px;transition:.3s;cursor:pointer}.output-box pre{font-size:15px;white-space:pre-wrap}h4{color:#afec3f}#code-inp{box-sizing:border-box;width:100%;height:100%;resize:none;background-color:#242424;color:#f5f5f5;padding:5px}#code-inp:focus{outline:none}.run-btn{position:absolute;bottom:10px;right:18px;width:80px;height:40px;font-size:22px;font-weight:700;background-color:#afec3f;border:none;border-radius:4px;transition:.3s;cursor:pointer}.run-btn:active{background-color:#6e9427}.unavailable{background-color:#fff;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100vh}.text-mask{font-size:2rem;font-weight:700;margin:0 auto;text-align:center;background-image:url(https://www.adobe.com/content/dam/cc/xd/scrollanimation/maskShapesNew.svg);background-size:cover;background-position:10%;background-repeat:no-repeat;width:auto;background-clip:text;-webkit-background-clip:text;color:transparent}.navbar{display:flex;align-items:center;padding-left:20px;height:50px;text-align:center;color:#afec3f;grid-gap:20px;gap:20px}#no,.navbar{background-color:#474747}#no{height:36px;width:80px;font-size:16px;color:#b9b9b9;border:1px solid #afec3f;border-radius:4px}#no:focus{outline:none}.css-2b097c-container{width:120px;color:#000;background-color:#474747}.css-yk16xz-control{background-color:#474747!important;border-color:#afec3f!important}