body{margin:0;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}*{margin:0;padding:0}.modal-container{position:fixed;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#9999994d}.modal-container .modal-body{width:25vw;height:auto;border:none;border-radius:15px;background-color:#fff;padding:17px 25px 25px;box-shadow:4px 4px 10px gray;position:relative;display:flex;flex-direction:column;gap:17px}.modal-container .modal-body .items{display:flex;justify-content:space-between}.modal-container .modal-body .items input,.modal-container .modal-body .items select{padding:4.5px}.modal-container .modal-body .items button{padding:9.5px;border:none;border-radius:5px;background-color:#241f21;color:#fff}.modal-container .modal-body .items button:hover{box-shadow:1px,1px,3px gray;cursor:pointer}.modal-container .modal-body .material-symbols-outlined{position:absolute;top:10px;right:10px;cursor:pointer}.modal-container .modal-body:hover{box-shadow:5px 5px 11px gray}.folder-Modal-container{position:fixed;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#9999994d}.folder-Modal-container .folder-Modal-body{width:20vw;height:auto;border:none;border-radius:12px;background-color:#fff;padding:25px;box-shadow:4px 4px 10px gray;position:relative;display:flex;flex-direction:column;gap:25px}.folder-Modal-container .folder-Modal-body .items{display:flex;justify-content:space-between}.folder-Modal-container .folder-Modal-body .items input{padding:4.5px}.folder-Modal-container .folder-Modal-body .items button{padding:9.5px;border:none;border-radius:5px;background-color:#241f21;color:#fff}.folder-Modal-container .folder-Modal-body .items button:hover{box-shadow:1px,1px,3px gray;cursor:pointer}.folder-Modal-container .folder-Modal-body .material-symbols-outlined{position:absolute;top:10px;right:10px;cursor:pointer}.folder-Modal-container .modal-body:hover{box-shadow:5px 5px 11px gray}.edit-Folder-Modal-container{position:fixed;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#9999994d}.edit-Folder-Modal-container .edit-Folder-Modal-body{width:20vw;height:auto;border:none;border-radius:12px;background-color:#fff;padding:25px;box-shadow:4px 4px 10px gray;position:relative;display:flex;flex-direction:column;gap:25px}.edit-Folder-Modal-container .edit-Folder-Modal-body .items{display:flex;justify-content:space-between}.edit-Folder-Modal-container .edit-Folder-Modal-body .items input{padding:4.5px}.edit-Folder-Modal-container .edit-Folder-Modal-body .items button{padding:9.5px;border:none;border-radius:5px;background-color:#241f21;color:#fff}.edit-Folder-Modal-container .edit-Folder-Modal-body .items button:hover{box-shadow:1px,1px,3px gray;cursor:pointer}.edit-Folder-Modal-container .edit-Folder-Modal-body .material-symbols-outlined{position:absolute;top:10px;right:10px;cursor:pointer}.edit-Folder-Modal-container .modal-body:hover{box-shadow:5px 5px 11px gray}.edit-File-Modal-container{position:fixed;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#9999994d}.edit-File-Modal-container .edit-File-Modal-body{width:20vw;height:auto;border:none;border-radius:12px;background-color:#fff;padding:25px;box-shadow:4px 4px 10px gray;position:relative;display:flex;flex-direction:column;gap:25px}.edit-File-Modal-container .edit-File-Modal-body .items{display:flex;justify-content:space-between}.edit-File-Modal-container .edit-File-Modal-body .items input{padding:4.5px}.edit-File-Modal-container .edit-File-Modal-body .items button{padding:9.5px;border:none;border-radius:5px;background-color:#241f21;color:#fff}.edit-File-Modal-container .edit-File-Modal-body .items button:hover{box-shadow:1px,1px,3px gray;cursor:pointer}.edit-File-Modal-container .edit-File-Modal-body .material-symbols-outlined{position:absolute;top:10px;right:10px;cursor:pointer}.edit-File-Modal-container .modal-body:hover{box-shadow:5px 5px 11px gray}.card-Modal-container{position:fixed;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#9999994d}.card-Modal-container .card-Modal-body{width:20vw;height:auto;border:none;border-radius:15px;background-color:#fff;padding:17px 25px 25px;box-shadow:4px 4px 10px gray;position:relative;display:flex;flex-direction:column;gap:17px}.card-Modal-container .card-Modal-body .items{display:flex;justify-content:space-between}.card-Modal-container .card-Modal-body .items input,.card-Modal-container .card-Modal-body .items select{padding:4.5px}.card-Modal-container .card-Modal-body button{padding:9.5px;border:none;border-radius:5px;background-color:#241f21;color:#fff}.card-Modal-container .card-Modal-body button:hover{box-shadow:1px,1px,3px gray;cursor:pointer}.card-Modal-container .card-Modal-body .material-symbols-outlined{position:absolute;top:10px;right:10px;cursor:pointer}.card-Modal-container .modal-body:hover{box-shadow:5px 5px 11px gray}body{overflow:hidden}.home-container{background-color:#fff;height:100vh;display:grid;grid-template-columns:2fr 3fr;overflow:hidden}.home-container .left-container{background-color:#191919;display:flex;justify-content:center;align-items:center;overflow:hidden}.home-container .left-container .items-container{display:flex;flex-direction:column;align-items:center;gap:10px}.home-container .left-container .items-container img{border-radius:30px}.home-container .left-container .items-container h1,.home-container .left-container .items-container h2{color:#fff}.home-container .left-container .items-container button{width:auto;height:40px;border-radius:20px;font-size:16px;display:flex;align-items:center;justify-content:center;padding:10px 10px 10px 4px;border:none}.home-container .left-container .items-container button:hover{cursor:pointer;border:1px solid grey;box-shadow:0 0 2px #fff}.home-container #img-logo{height:20vh;width:25vmin}.right-container{height:100vh;padding:10px 20px 20px;background-color:#fff;overflow-y:scroll}.right-container .header{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1.5px solid black}.right-container .header .title{font-size:30px;font-weight:500}.right-container .header .title span{font-weight:300}.right-container .header .create-folder{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:10px;border:none;background-color:#fff}.right-container .header .create-folder:hover{cursor:pointer;box-shadow:1px 1px 1px gray}.right-container .folder-container{padding:5px 0}.right-container .folder-container .header{display:flex;justify-content:space-between;padding:10px 0;margin-bottom:12px;border-bottom:1px solid black}.right-container .folder-container .header .title{font-size:24px;font-weight:300;display:flex;align-items:center;justify-content:center}.right-container .folder-container .header .options{display:flex;align-items:center;justify-content:center;gap:1px}.right-container .folder-container .header .options button{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border:none;border-radius:7px;background-color:#fff}.right-container .folder-container .header .options button:hover{box-shadow:1px 1px 1px gray}.right-container .folder-container .cards-container{display:flex;flex-wrap:wrap;justify-content:space-between}.right-container .folder-container .cards-container .card{width:48.5%;display:flex;flex-direction:row;margin-bottom:12px;gap:12px;border-radius:12px;transition-duration:.5s;box-shadow:1px 1px 1px gray}.right-container .folder-container .cards-container .card img{width:90px;border-radius:11px;cursor:pointer}.right-container .folder-container .cards-container .card .card-items{width:100%;padding:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.right-container .folder-container .cards-container .card .card-items button{border:none;border-radius:2px;background-color:#fff}.right-container .folder-container .cards-container .card .card-items button:hover{box-shadow:1px 1px 1px gray;cursor:pointer}.right-container .folder-container .cards-container .card:hover{width:48.8%;box-shadow:1px 1px 3px gray;outline:1px solid white;border:none}.playground-container{grid-template-rows:auto 9fr;background-color:#000;height:100vh;overflow-x:auto;border-radius:2px}.playground-container .code-container{display:grid;grid-template-columns:2fr 1fr;min-height:calc(-4.5rem + 100vh);height:100%;border:none}.playground-container .code-container .input-output-container{display:grid;grid-template-rows:1fr 1fr;border-radius:10px;border-left:1.5px solid black}.playground-container .code-container .input-output-container .input-container .boxs,.playground-container .code-container .input-output-container .output-container .boxs{border:none;background:#fff;height:4rem;padding:0px .5rem;z-index:2;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}.playground-container .code-container .input-output-container .input-container .boxs p,.playground-container .code-container .input-output-container .output-container .boxs p{font-size:1.25rem;font-weight:700}.playground-container .code-container .input-output-container .input-container .boxs .file-functions,.playground-container .code-container .input-output-container .output-container .boxs .file-functions{display:flex;align-items:center;justify-content:center;background-color:#efefef;border-radius:2px}.playground-container .code-container .input-output-container .input-container .boxs button,.playground-container .code-container .input-output-container .output-container .boxs button{cursor:pointer;font-size:18px;border:none;border-radius:2px;display:flex;justify-content:center;align-items:center;justify-content:space-between}.playground-container .code-container .input-output-container .input-container .boxs .material-symbols-outlined,.playground-container .code-container .input-output-container .output-container .boxs .material-symbols-outlined{cursor:pointer;border:none}.playground-container .code-container .input-output-container .input-container .boxs #imp-int,.playground-container .code-container .input-output-container .output-container .boxs #imp-int{cursor:pointer}.playground-container .code-container .input-output-container .input-container,.playground-container .code-container .input-output-container .output-container{display:flex;flex-direction:column}.playground-container .code-container .input-output-container .input-container textarea,.playground-container .code-container .input-output-container .output-container textarea{border:none;background-color:#d3d3d3;color:#fff;padding:10px;color:#000;flex-grow:1;outline:none;resize:none;font-size:15px}.playground-container .full-loader{position:fixed;top:0;bottom:0;right:0;left:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center}.playground-container .full-loader .loader{background-color:transparent;width:30px;height:30px;border:5px solid white;border-left-color:tomato;animation:.8s loader infinite linear;border-radius:20px}@keyframes loader{0%{transform:rotateX(0)}to{transform:rotate(360deg)}}.editor-container{display:grid;grid-template-rows:.4fr 8.6fr .7fr;width:auto;background-color:#fff}.editor-container .file-functions{display:flex;justify-content:space-between;align-items:center;padding-left:7px;padding-right:17px;margin-right:1px}.editor-container .file-functions img{border-radius:12px;height:55px;width:80px;margin-top:4px}.editor-container .file-functions .func{display:flex;justify-content:center;align-items:center}.editor-container .file-functions .func .titleEdit{box-sizing:border-box;font-family:Play,sans-serif;display:flex;justify-content:center;align-items:center}.editor-container .file-functions .func .titleEdit h2{background-color:#efefef;border-radius:4px;padding:4px}.editor-container .file-functions .func .titleEdit .material-symbols-outlined{border:1px solid black;border-radius:4px;cursor:pointer;background-color:#efefef}.editor-container .file-functions .func button{padding:.7rem .4rem;font-size:14px;width:6.2rem;background:#f27e59;border:none;border-radius:32px;font-weight:700;cursor:pointer}.editor-container .file-functions .code-func{display:flex;width:220px;border:none}.editor-container .file-functions .code-func select{font-size:16px;position:relative;transition:.1s;box-sizing:border-box;border:1px solid black;border-radius:5px;min-height:30px;background-color:#efefef;width:110px}.editor-container .code-screen{box-shadow:#00000029 0 2px 2px;border-top:1px solid black;border-bottom:1px solid black;margin-top:5px;margin-right:0;background-color:#000}.editor-container .code-functions{display:flex;justify-content:center;align-items:center;padding:12px;justify-content:space-between;border-top:none;background-color:#fff}.editor-container .code-functions .screening,.editor-container .code-functions button{cursor:pointer;font-size:18px;border:none;border-radius:2px;display:flex;justify-content:center;align-items:center;justify-content:space-between}.editor-container .code-functions .chatbot{cursor:pointer;font-size:18px;border:none;border-radius:2px;display:flex;justify-content:center;align-items:center;justify-content:space-between;background-color:#efefef}.editor-container .code-functions .chatbot .show-chatbot{display:none}.editor-container .code-functions #run-code-btn{display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:.4rem;padding-left:10px;padding-right:8px;font-size:14px;width:auto;background:#f27e59;border:none;border-radius:32px;font-weight:700;cursor:pointer}.editor-container .code-functions label{border:none;background-color:#efefef;cursor:pointer;font-size:18px;border-radius:2px;display:flex;justify-content:space-between}.ai-modal{height:auto;width:auto;background-color:#7fffd4;background:#fff;margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.ai-modal .header{display:flex;justify-content:space-between;background:#fff;align-items:center;width:100%;border:none;height:4rem;padding:0px .5rem;z-index:2;-webkit-box-align:center;-webkit-box-pack:justify}.ai-modal .header h2{display:flex;align-items:center;justify-content:center}.ai-modal .header button{display:flex;justify-content:center;align-items:center;padding:.4rem;font-size:14px;width:auto;background:#d3d3d3;border:none;border-radius:32px;font-weight:700;cursor:pointer}.ai-modal .chat-box{height:30vmin;width:100%;border:none;background-color:#d3d3d3;padding:0}.ai-modal .chat-box textarea,.ai-modal .chat-box p{color:#000;height:28.75vmin;width:31vw;background-color:#d3d3d3;border:none;padding:10px 10px 0;font-size:15px;word-wrap:break-word;outline:none;resize:none}.ai-modal .footer{height:7.1vmin;display:flex;align-items:normal;width:100%;background-color:#fff}.ai-modal .footer #give-input{width:100%;background-color:#fff;padding:8px;outline:none;font-size:14px;border:1px solid gray;border-left:none;resize:none;border-radius:4px}.ai-modal .footer button{display:flex;justify-content:center;align-items:center;padding:.4rem;margin:4px;font-size:14px;width:70px;background:#f27e59;border:none;border-radius:35px;font-weight:700;cursor:pointer}.ai-modal .footer button:hover{outline:1px solid white}