body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;font-family:Source Sans Pro,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.home-container{display:grid;grid-template-columns:2fr 3fr;height:100vh}.home-container .left-container{align-items:center;background-color:#1e1e1e;display:flex;justify-content:center}.home-container .left-container .items-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:15px}.home-container .left-container .items-container img{width:100px}.home-container .left-container .items-container h2{color:#929090}.home-container .left-container .items-container button{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition-duration:1s;width:90%}.home-container .left-container .items-container button:hover{box-shadow:2px 2px 6px gray}.right-container{height:100vh;overflow-y:scroll;padding:20px}.right-container .material-icons{cursor:pointer}.right-container .header{border-bottom:1px solid #000;display:flex;justify-content:space-between;padding:10px 0}.right-container .header .add-folder{align-items:center;background-color:#fff;border:none;cursor:pointer;display:flex;justify-content:center}.right-container .header .title{font-size:30px;font-weight:600}.right-container .header .title span{font-weight:400}.right-container .folder-container .folder-header{border-bottom:1px solid #000;display:flex;justify-content:space-between;padding:20px 0}.right-container .folder-container .folder-header .folder-header-item{align-items:center;display:flex;gap:20px}.right-container .folder-container .folder-header .folder-header-item button{align-items:center;background-color:#fff;border:none;display:flex}.right-container .folder-container .cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px}.right-container .folder-container .cards-container .card{align-items:center;border-radius:10px;box-shadow:2px 2px 5px gray;cursor:pointer;display:flex;flex-direction:row;gap:10px;justify-content:space-between;max-width:320px;padding:12px;transition-duration:.5s;width:100%}.right-container .folder-container .cards-container .card img{height:50px;object-fit:contain;width:50px}.right-container .folder-container .cards-container .card .title-container{display:flex;flex-direction:column}.right-container .folder-container .cards-container .card:hover{box-shadow:10px -10px 5px gray;outline:8px solid #fff}.modal-container{align-items:center;background-color:#9993;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-container .modal-body{background-color:#fff;border-radius:10px;box-shadow:4px 4px 10px gray;display:flex;flex-direction:column;gap:20px;padding:2% 50px 50px;position:relative}.modal-container .modal-body .item{align-items:center;display:flex;justify-content:space-between}.modal-container .modal-body .item input,.modal-container .modal-body .item select{background-color:#e4fbff;border:none;border-radius:4px;padding:12px}.modal-container .modal-body .item input:focus{outline:none}.modal-container .modal-body button{background-color:#53adc0;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition-duration:.5s}.modal-container .modal-body button:hover{background-color:#2e8697;cursor:pointer}.modal-container .modal-body .close{cursor:pointer;position:absolute;right:10px;top:10px}.root-editor-container{color:#fff;display:flex;flex-direction:column;height:100%}.root-editor-container .editor-header{background-color:#1a1a1a;display:flex;justify-content:space-between;padding:10px}.root-editor-container .editor-header button,.root-editor-container .editor-header select{background-color:#313131;border:none;border-radius:5px;color:#fff;padding:10px 20px}.root-editor-container .editor-header select:focus{outline:none}.root-editor-container .editor-header button{background-color:#2a3d3a;color:#00b8a2;cursor:pointer;transition-duration:.5s}.root-editor-container .editor-header button:hover{background-color:#2a635a}.root-editor-container .editor-header .title{font-size:24px}.root-editor-container .editor-footer{background-color:#1a1a1a;display:flex;justify-content:space-between;padding:10px}.root-editor-container .editor-footer .btn{align-items:center;background-color:#3e3e3e;border:none;border-radius:4px;color:#c3c4c8;cursor:pointer;display:flex;gap:10px;padding:4px 10px;transition-duration:.8s}.root-editor-container .editor-footer .btn:hover{background-color:#8d8e94;color:#fff}.root-editor-container .editor-body{background-color:#fff;display:flex;flex-grow:1;height:100%;width:100%}.root-editor-container .editor-left-container,.root-editor-container .editor-right-container{align-items:center;display:flex;gap:10px;padding:10px}.playground-container{display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow-x:hidden}.playground-container .material-icons{align-items:center;border:2px;display:flex;gap:10px;padding:4px}.playground-container .content-container{grid-gap:20px;background-color:#1e1e1e;display:grid;flex-grow:1;gap:20px;grid-template-columns:3fr 2fr;padding:5px}.playground-container .logo{border-radius:50%;height:100px}.playground-container .header-container{background-color:#1e1e1e;display:flex;justify-content:center;padding:2px 0}.playground-container .input-output-container{display:flex;flex-direction:column}.playground-container .input-output-container .input-header{background-color:#ededed;display:flex;justify-content:space-between;padding:10px}.playground-container .input-output-container textarea{border:none;flex-grow:1;font-size:20px;padding:10px;resize:none}.playground-container .input-output-container textarea:focus{outline:none}.playground-container .input-output-container button{border:none}.playground-container .editor-container{grid-row:1/3}.playground-container .fullpage-loader{align-items:center;background-color:rgba(0,0,0,.167);border:2px solid;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.playground-container .fullpage-loader .loader{animation:loader .8s linear infinite;background-color:#0000;border:8px solid rgba(255,99,71,.311);border-left-color:tomato;border-radius:50%;height:100px;width:100px}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.69b9347b.css.map*/