.project{-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative;font-size:1.5em;margin:5px;padding:1rem;background-color:#1a1d1f;color:#fff;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;transition:all .3s;border:1px solid #1a1d1f;font-size:20px;border-radius:4px}.project:hover{border:1px solid #fff}.project-title{width:70%;cursor:pointer;position:absolute;left:2%;padding-left:.5rem}.project-title div{word-wrap:break-word}a{text-decoration:none;color:inherit}.project-controls{width:20%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:baseline;align-items:baseline}.project-controls div{cursor:pointer;padding:0 .5rem}.folder-list{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:350px;width:800px;max-width:90%;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;max-height:85%;border:2px solid #696464;-webkit-flex-direction:column;flex-direction:column;font-family:sans-serif}.folder-list,.folder-list .header{padding:1rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.folder-list .header{-webkit-justify-content:space-between;justify-content:space-between;width:100%;font-size:20px;background-color:#323535;border-radius:4px}.folder-list .header .title{font-family:Poppins;font-size:20px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.01em;text-align:left}.folder-list .header .add-btn{height:32px}.folder-list .projects-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;width:100%;overflow:auto;overflow-x:hidden;margin-top:1rem}.header button{font-size:inherit}.modal-style{position:fixed;z-index:1300;right:0;bottom:0;top:0;left:0}.add-modal{background-color:#fff;width:350px;min-height:200px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:25px}.add-modal .input-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:20px;-webkit-justify-content:space-between;justify-content:space-between}.add-modal .input-container .label-text{font-family:Poppins;font-size:12px;font-style:normal;font-weight:600;line-height:17px;letter-spacing:.025em;-webkit-flex-basis:50%;flex-basis:50%}.add-modal .input-container .select-dropdown{width:150px;height:32px;font-size:12px}.add-modal .input-container .input-field{width:150px}.add-modal .input-container .input-field .MuiInputBase-root{width:100%;height:32px;font-family:Poppins;font-size:12px;line-height:17px;letter-spacing:.025em}.add-modal .modal-footer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.add-modal .modal-footer .cancel-btn{border:1px solid #123fbc;color:#123fbc;text-transform:inherit;height:32px;margin-right:10px}.add-modal .modal-footer .confirm-btn{background:#123fbc;text-transform:inherit;color:#fff;height:32px}.modal__content input{padding:.3rem}.modal__content select{padding:.3rem;margin-top:1rem}.modal__footer{width:30%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;padding:1rem .5rem}.modal__footer button{padding:.3rem}.lds-dual-ring{display:inline-block;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:64px;height:64px}.lds-dual-ring:after{content:" ";display:block;width:46px;height:46px;margin:1px;border-radius:50%;border-color:#510077 transparent;border-style:solid;border-width:5px;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}.loading-spinner__overlay{height:100%;width:100%;position:absolute;top:0;left:0;background:hsla(0,0%,100%,.9);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.empty-box-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:1rem}.empty-box-container .empty-box-icon{height:100px;width:100px;margin-bottom:20px}.empty-box-container .noData-text{font-family:Poppins;font-size:16px;color:#fff;text-align:center}.home{position:relative;height:calc(100vh - 60px);background-color:#111416}.header{font-size:20px;color:#fff;background-color:#03050a;height:60px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.header-left{padding-left:1rem;padding-top:.5rem}.header-left .lc-logo{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:130px;height:130px}.header-left a{text-decoration:none;color:inherit}.header-right{padding:1rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:baseline;align-items:baseline}.header-right .welcome-text{margin-right:10px;font-size:16px;font-family:Poppins}.auth-btn{margin-left:1rem;text-transform:inherit!important;background-color:#123fbc!important;height:32px;width:80px;margin-right:10px!important}.logout-btn{color:red}.new-user-home{background-color:#111416;color:#fff;height:calc(100vh - 60px);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.new-user-home a{color:#7fffd4}.new-user-home a:hover{text-decoration:underline}.new-user-home .text{font-size:2.5em;text-align:center}.new-user-home .code-icon{-webkit-transform:scale(3);transform:scale(3);margin-bottom:5px}.new-user-home .welcome{font-size:3em;width:300px;margin:0 auto;overflow:hidden;white-space:nowrap;letter-spacing:.15em;-webkit-animation:typing 2s steps(200);animation:typing 2s steps(200)}@-webkit-keyframes typing{0%{width:0}to{width:300px}}@keyframes typing{0%{width:0}to{width:300px}}.auth-page{width:100vw;height:calc(100vh - 60px);background-color:#131414}.auth{position:absolute;min-width:330px;max-height:450px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:2px solid #555658;left:50%;top:20%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:Poppins;padding:1rem}.auth .auth-text{font-size:22px;font-weight:500}.auth .auth-footer,.auth .auth-text{color:#fff;line-height:22px;letter-spacing:.04em;padding-left:20px}.auth .auth-footer{font-size:16px;margin-top:20px}.auth .auth-footer .link{color:#123fbc}.auth .auth-footer .link:hover{text-decoration:underline}.toggle-btn{padding:.5rem;width:100%;border:none;font-size:30px;height:50px;border-radius:0!important}.form-container{position:relative;margin-top:1rem;padding:1rem;width:90%;height:100%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.form-container,.form-container .input-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.form-container .input-container{width:100%;margin-bottom:1rem}.form-container .input-container .input-field input{outline:none;border:0;width:100%;border-radius:4px;background-color:#1c2333;color:#fff;padding:7px 10px}.form-container .input-container .input-password{color:#fff}.form-container .submit-btn{width:30%;padding:.5rem}.form-container .error-msg{transition:all .5s ease-in-out;color:#c92525;font-family:Poppins;font-size:12px}.console{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;padding:0 1rem 1rem;overflow:auto;background-color:#000;color:#fff;font-family:Arial}.output .title{padding:.5rem;font-size:20px;height:45px;font-weight:500;background-color:#272727;border-bottom:2px solid #555658}.output{height:45%;border:2px solid #555658;min-width:300px;width:400px;max-width:90%}.output-content{padding:.3rem;overflow:auto;height:calc(100% - 45px)}.run-time{padding-top:1rem}.input{height:45%;border:2px solid #555658;min-width:300px;width:400px;max-width:90%}.input .title{background-color:#272727;font-weight:500;font-size:20px;height:45px;padding:.5rem;border-bottom:2px solid #555658}.input textarea{width:100%;height:calc(100% - 45px);border-style:none;overflow:auto;color:#fff!important;padding:.3rem;background-color:#000;resize:none}.input textarea:focus{outline-style:none}.default-editor-window{display:grid;place-items:center;background-color:#262929;color:#fff;height:100%}.default-editor-window .empty-editor-wrapper .empty-editor-text{font-family:Poppins;font-size:16px}.default-editor-window .empty-editor-wrapper .files-btn{font-size:16px;margin-top:10px;width:120px}.editor{position:relative;height:calc(100vh - 150px)}.editor-menu{width:100%;height:40px;position:absolute;bottom:10px;right:10px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:baseline;align-items:baseline}.editor-menu button{background-color:#4f4fc2;color:#fff;width:80px;height:40px;overflow:visible;z-index:100;margin:1rem;outline:none;outline-style:none}.editor-menu button:disabled{background-color:#9e9eeb}.file{position:relative;cursor:pointer;width:100%;height:40px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;padding:0 .3rem;color:#fff}.active{background-color:#0ff}.file .left{padding:.5rem .5rem .5rem 0;-webkit-flex-grow:5;flex-grow:5}.file:hover{background-color:#483d8b}.delete-modal{background-color:#fff;width:350px;min-height:100px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:25px}.delete-modal .label-text{font-weight:600;padding-bottom:.5rem;border-bottom:1px solid #b1a5a5}.delete-modal .label-text,.delete-modal .modal-content{font-family:Poppins;font-size:12px;font-style:normal;line-height:17px;letter-spacing:.025em;-webkit-flex-basis:50%;flex-basis:50%}.delete-modal .modal-content{font-weight:400;padding:1rem 0}.delete-modal .modal-footer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.delete-modal .modal-footer .cancel-btn{border:1px solid #123fbc;color:#123fbc;text-transform:inherit;height:32px;margin-right:10px}.delete-modal .modal-footer .confirm-btn{background:#123fbc;text-transform:inherit;color:#fff;height:32px}.user-files{position:absolute;left:0;top:0;right:85%;height:100%;-webkit-flex:1 1 20%;flex:1 1 20%;border:5px solid #464646}.user-files-container{padding:.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around}.user-files-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;padding:.5rem 0}.user-files-header div{cursor:pointer}.user-files-header h2{-webkit-flex-grow:15;flex-grow:15;-webkit-flex-shrink:1;flex-shrink:1}.user-files-header .add-icon{padding:0;cursor:pointer}.user-files-content{-webkit-flex-direction:column;flex-direction:column;padding:.5rem 0}.modal-style,.user-files-content{display:-webkit-flex;display:flex}.modal-style{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.addFile-modal{background-color:#fff;width:350px;min-height:100px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:25px}.addFile-modal .modal-title{font-weight:600;padding-bottom:.5rem;border-bottom:1px solid #b1a5a5}.addFile-modal .modal-content,.addFile-modal .modal-title{font-family:Poppins;font-size:12px;font-style:normal;line-height:17px;letter-spacing:.025em;-webkit-flex-basis:50%;flex-basis:50%}.addFile-modal .modal-content{font-weight:400;padding:1rem 0}.addFile-modal .modal-content .input-name .MuiInputBase-root{width:200px;height:32px;font-size:13px}.addFile-modal .modal-footer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.addFile-modal .modal-footer .cancel-btn{border:1px solid #123fbc;color:#123fbc;text-transform:inherit;height:32px;margin-right:10px}.addFile-modal .modal-footer .confirm-btn{background:#123fbc;text-transform:inherit;color:#fff;height:32px}.project-home{position:absolute;top:60px;display:grid;width:100%;height:calc(100vh - 60px);grid-template-columns:[first] 20% [second] auto [third] 30% [end];overflow:hidden}.project-home .files-list{-webkit-user-select:none;-ms-user-select:none;user-select:none;grid-column:first/second;background-color:#596480}.project-home .editor{grid-column:second/third;background-color:#a9a9a9}.project-home .console{grid-column:third/end}.mobile-wrapper{height:calc(100vh - 110px)}.mobile-wrapper .mobile-footer{position:fixed;z-index:200;bottom:0;width:100%;background-color:#1d1f22;height:50px}.mobile-wrapper .mobile-footer .footer-btn{-webkit-flex:1 1;flex:1 1;padding:10px;text-align:center;color:#fff}.mobile-wrapper .mobile-footer .footer-btn:hover{-webkit-animation:backdrop 1s;animation:backdrop 1s}@-webkit-keyframes backdrop{0%{background-color:#646363}to{background-color:#1d1f22}}@keyframes backdrop{0%{background-color:#646363}to{background-color:#1d1f22}}.files-modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.files-modal-content{background-color:#596480;width:350px;height:600px}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins;word-wrap:break-word}.App{width:100%;height:100%}.MuiMenuItem-root{font-size:12px!important}.MuiButton-root{text-transform:inherit!important}.MuiButton-containedPrimary{background-color:#123fbc!important;color:#fff!important}::-webkit-scrollbar{width:6px;border-radius:4px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.2130b358.chunk.css.map */