.codecompiler-main{margin-top:20px;height:50vh;width:100%;overflow-y:hidden}.codecompiler-editor-main{display:flex;height:calc(50vh - 50px)}.codecompiler-left-container{position:relative;flex:60% 1;height:calc(50vh - 50px)}.codecompiler-run-btn{position:absolute;bottom:10px;right:18px;width:70px;height:40px;font-size:22px;font-weight:700;background-color:#afec3f;border:none;border-radius:4px;transition:.3s;cursor:pointer;margin-bottom:10px}.codecompiler-run-btn:active{background-color:#6e9427}.codecompiler-right-container{position:relative;color:#afec3f;flex:40% 1;height:calc(50vh - 50px);display:flex;flex-direction:column;background-color:#242424;border-left:3px solid #1f65e6;padding:5px}.codecompiler-spinner-box{flex:50% 1;background-color:#242424;overflow-y:auto;display:flex;justify-content:center;align-items:center}.codecompiler-loader-spinner{width:100px;animation:compilerspin 3s linear infinite}@keyframes compilerspin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.codecompiler-output-box{flex:100% 1;background-color:#242424;overflow-y:auto;color:#fff;position:relative;padding:10px}.codecompiler-output-box .codecompiler-output{font-size:15px;white-space:pre-wrap;color:#fff}.codecompiler-clear-button-main{display:flex;justify-content:flex-end}.codecompiler-clear-btn{position:absolute;bottom:10px;width:70px;height:40px;font-size:22px;font-weight:700;color:#fff;background-color:#1f65e6;border:none;border-radius:4px;transition:.3s;cursor:pointer;margin-bottom:10px}.codecompiler-clear-btn:active{background-color:#0b3583}