body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.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:50px;position:relative}.modal-container .modal-body .item{display:flex;justify-content:space-between}.modal-container .modal-body .item input,.modal-container .modal-body .item select{background-color:#e7f0fe;border:none;border-radius:4px;padding:8px}.modal-container .modal-body .item input:focus{outline:none}.modal-container .modal-body .item button{background-color:#1e90ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition-duration:.5s}.modal-container .modal-body .item button:hover{background-color:blue}.modal-container .modal-body .close{cursor:pointer;position:absolute;right:10px;top:10px}.right-container{height:100vh;overflow-y:scroll;padding:20px}.right-container .header{align-items:center;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-weight:800}.right-container .folder-container .folder-header{align-items:center;border-bottom:1px solid #000;display:flex;justify-content:space-between;padding:20px 0}.right-container .folder-container .folder-header .folder-header-items{align-items:center;display:flex;gap:20px}.right-container .folder-container .folder-header .folder-header-items button{align-items:center;background-color:#fff;border:none;cursor:pointer;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:0 3px 10px #00000026;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:10px;transition:all .5s ease;width:42%}.right-container .folder-container .cards-container .card .title-container{display:flex;flex-direction:column}.right-container .folder-container .cards-container .card img{width:50px}.right-container .folder-container .cards-container .card:hover{box-shadow:5px 3px 10px #0003;scale:1.05}.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:12px;justify-content:center}.home-container .left-container .items-container .img{width:100px}.home-container .left-container .items-container button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:20px;gap:5px;height:50px;justify-content:center;transition-duration:1s;width:90%}.home-container .left-container .items-container button:hover{box-shadow:2px 2px 6px gray}.playground-container{display:flex;flex-direction:column;height:100vh}.playground-container .icon-container{align-items:center;display:flex;gap:10px;padding:4px}.playground-container .content-container{grid-gap:20px;background-color:#ededed;display:grid;flex-grow:1;gap:20px;grid-template-columns:3fr 2fr;padding:5px}.playground-container .logo{border-radius:50%;height:50px}.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}.fullpage-loader{align-items:center;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.fullpage-loader .loader{animation:loader .8s linear infinite;border:5px solid rgba(255,99,71,.219);border-left-color:tomato;border-radius:50%;height:50px;width:50px}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.root-editor-container{display:flex;flex-direction:column;height:100%}.root-editor-container .editor-footer,.root-editor-container .editor-header{background-color:#fff;display:flex;justify-content:space-between}.root-editor-container .editor-footer button,.root-editor-container .editor-footer select,.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-footer select:focus,.root-editor-container .editor-header select:focus{outline:none}.root-editor-container .editor-footer button,.root-editor-container .editor-header button{background-color:#2a3d3a;color:#00b8a2;cursor:pointer;transition-duration:.5s}.root-editor-container .editor-footer button:hover,.root-editor-container .editor-header button:hover{background-color:#2a635a}.root-editor-container .editor-footer .title,.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-radius:4px;bottom:none;color:#c3c4c8;cursor:pointer;display:flex;gap:10px;padding:4px 8px;transition-duration:.5s}.root-editor-container .editor-footer .btn:hover{background-color:#8d8e94;color:#fff}.root-editor-container .editor-footer button,.root-editor-container .editor-footer label{align-items:center;display:flex}.root-editor-container .editor-body{background-color:#000;flex-grow:1}.root-editor-container .editor-left-container,.root-editor-container .editor-right-container{align-items:center;display:flex;gap:10px;padding:10px}
/*# sourceMappingURL=main.42663c9b.css.map*/