@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";*{margin:0;padding:0}body{background-color:#181818;color:#ccc;overflow:hidden;font-family:Roboto,sans-serif}:root{--theme-color: #5BB6FF }::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background-color:var(--theme-color, aqua)}.cloudHead{width:100vw;height:15svh;display:flex;align-items:center;gap:2em;padding:2em;box-sizing:border-box;font-family:Lobster,cursive}.cloudHead>img{height:10svh;width:10svh}.topSectionShiftBtns{padding:10px;border-bottom:1px solid #ccc}.topSectionShiftBtns>button{font-size:1.1em;padding:10px 30px;margin:5px;background-color:#282828;color:#ccc;border:none;border-radius:10px}.topSectionShiftBtns>button:hover{background-color:#333}.MainSection{display:grid;grid-template-columns:min(60vw,max(20vw,var(--left-width, 20vw))) 5px auto;height:85svh;width:100vw;overflow:hidden;font-family:Roboto,sans-serif}.gridTemplateAuto{grid-template-columns:auto!important}.MainSection .adjustBorderDiv{background-color:#6e6e6e;width:100%;height:100%}.MainSection .adjustBorderDiv:hover,.MainSection .adjustBorderDiv:active{background-color:#0ff;cursor:ew-resize}@media (max-width:1000px){.MainSection{grid-template-columns:auto!important}.MainSection>.directorySection{display:none}.adjustBorderDiv,.connectedUserSideList{display:none}}.breadCrumbDiv{display:flex;gap:5px;flex-flow:row wrap}.breadCrumbDiv>.linkTag{color:#ccc;text-decoration:none;font-size:.5em}.editBtnBar{width:100%;height:4em;display:flex;justify-content:space-between;font-size:2em;box-sizing:border-box;padding:1em;align-items:center}.editBtnBar>.UploadBtns{display:grid;grid-template-columns:repeat(4,auto);gap:10px}.editBtnBar>.UploadBtns>button{font-size:.7em;background-color:transparent;border:2px solid var(--btn-color, var(--theme-color, aqua));border-radius:10px;color:var(--btn-color, var(--theme-color, aqua));padding:10px;transition:.3s ease-in-out,scale .1s}.editBtnBar>.UploadBtns>button:hover{background-color:var(--btn-color, var(--theme-color, aqua));color:#181818}.editBtnBar>.UploadBtns>button:active{scale:.9}.PreLoader{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000c5;display:flex;align-items:center;justify-content:center;z-index:10}.PreLoader .loadingAnimation{display:flex;gap:1em}.PreLoader .loadingAnimation>.animationSphere{border-radius:50%;background-color:var(--theme-color, aqua);padding:.5em;animation:sphereAnimate 1s ease-in-out calc(var(--i) * .1s) infinite}.hideLoading{display:none}@keyframes sphereAnimate{0%{transform:translateY(0)}50%{transform:translateY(-1em)}to{transform:translateY(0)}}.folderDataList{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%;max-height:70svh;overflow-y:scroll;gap:2em;box-sizing:border-box;padding:30px;padding-bottom:50vh}.dataDiv{background-color:#282828;height:fit-content;padding:5px 20px;border-radius:15px;font-size:1.2em;color:#ccc;text-decoration:none;display:flex;justify-content:space-between;align-items:center;transition:.2s ease-in-out}.dataDiv>button{background-color:transparent;border:none;color:#ccc;font-size:1em;position:relative;padding:10px;outline:none}.dataDiv>button>.editOptionMenu{position:absolute;right:0;height:fit-content;display:flex;flex-direction:column;background-color:#333;border-radius:10px;overflow:hidden;scale:0;transition:.3s ease-in-out;transform-origin:top right}.showEditOptionMenu{scale:1!important}.dataDiv>button>.editOptionMenu>button,.dataDiv>button>.editOptionMenu>a{background-color:transparent;border:none;color:#ccc;padding:15px 40px;font-size:.7em;text-decoration:none}.dataDiv>button>.editOptionMenu>button:hover,.dataDiv>button>.editOptionMenu>a:hover{background-color:#222}.dataDiv:hover{box-shadow:10px 10px 10px #000;scale:1.02}.firstFileTag{grid-column-start:1}.uploadModelDiv{position:fixed;top:-100%;left:50%;transform:translate(-50%,-50%);padding:10px;background-color:#333;border-radius:10px;z-index:10;box-shadow:0 0 100vh 100vh transparent;transition:.5s ease-in-out;display:grid;min-width:400px}.showUploadModel{top:50%;box-shadow:0 0 100vh 100vh #000a}.uploadModelDiv>.fileListSection{display:grid;gap:1em;padding:20px 10px;max-height:40svh;overflow-y:scroll}.uploadModelDiv>.fileListSection>.fileEditField{display:grid;grid-template-columns:5em auto 2em;gap:1em;align-items:center;border-radius:10px}.uploadModelDiv>.fileListSection>.fileEditField>p{text-align:center;padding:10px 5px;background-color:#232323;border-radius:10px}.uploadModelDiv>.fileListSection>.fileEditField>input{padding:10px;outline:none;border:none;border-radius:10px}.uploadModelDiv>.fileListSection>.fileEditField>button{background-color:red;border:none;border-radius:10px;font-size:1.5em;cursor:pointer;height:100%}.uploadModelDiv>.dropToUploadDiv{display:flex;flex-direction:column;align-items:center;gap:1em;border:5px dashed #ccc;border-radius:10px;padding:3em}.uploadModelDiv>.dropToUploadDiv>i{font-size:3em}.uploadModelDiv>.dropToUploadDiv>input[type=file]{display:none}.uploadModelDiv>button{font-size:1.2em;padding:10px;border-radius:10px;border:none;background-color:var(--theme-color);margin:10px 0}.progressStart{border:2px solid var(--theme-color, aqua);color:var(--theme-color, aqua);padding:10px;display:grid!important;grid-template-columns:100%!important;align-items:center;justify-content:center}.progressStart>.progressDetail{display:flex!important;justify-content:space-between;box-sizing:border-box;padding:10px;width:100%}.progressStart>.progressBar{width:90%;background-color:#444;height:4px;border-radius:10px;margin:auto}.progressStart .progressBar>.progressStatus{background-color:var(--theme-color, aqua);width:var(--progress-percent, 0%);height:100%;border-radius:10px}.directorySection{padding:10px}.directorySection>h3{text-align:center;padding:10px;margin:10px}.directorySection .directoryDetail{padding-left:15px;margin:10px 0}.directorySection .directoryDetail>summary{background-color:#222;margin:5px;padding:10px;border-radius:10px;list-style:none}.directorySection .directoryDetail>summary:hover{background-color:#333}.directorySection .loadingData{background-color:#333;padding:10px;border-radius:10px}.directorySection .openFolderBtn{color:#ccc;margin:10px}.UserListDiv{display:flex;flex-flow:row wrap;gap:2em;margin:30px;text-align:center}.UserListDiv>.UserDiv{transition:.3s ease-in-out;border-radius:50px;display:flex;align-items:center;width:60px;height:60px;background-color:var(--theme-color, #0ff);position:relative}.UserListDiv>.UserDiv>:is(.UserDetailDiv,.UserDetailDiv>img,.UserDetailDiv>i){display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out;width:60px;border-radius:50%;height:60px;background-color:#000;flex-shrink:0}.UserListDiv>.UserDiv>.UserDetailDiv>i{font-size:3em}.UserListDiv>.UserDiv>:is(.FileManageSection,.DownloadFileManage){height:100%;width:0%;overflow:hidden;transition:.3s ease-in-out;color:#000;display:grid;word-break:break-all}.UserListDiv>.UserDiv>:is(.FileManageSection,.DownloadFileManage)>label>input[type=file]{display:none}.UserListDiv>.UserDiv>:is(.FileManageSection,.DownloadFileManage)>label>h5{margin-top:5px;font-size:.7em}.UserListDiv>.UserDiv>:is(.FileManageSection,.DownloadFileManage) .progressBar{display:none;background-color:#ccc;margin:2px;border-radius:10px;overflow:hidden;height:10px}.UserListDiv>.UserDiv>:is(.FileManageSection,.DownloadFileManage) .progressBar>div{background-color:#000;height:100%;width:var(--progress, 0%)}.UserListDiv>.UserDiv>:is(.FileManageSection,.DownloadFileManage)>.FileSendBtn,.UserListDiv>.UserDiv>:is(.FileManageSection,.DownloadFileManage) .DownloadBtn,.UserListDiv>.UserDiv>:is(.FileManageSection,.DownloadFileManage) .CancelBtn{border-radius:1em;border:none;padding:0 20px;min-height:10px}.UserListDiv .DownloadFileManage>.BtnsDiv{width:100%;display:flex;justify-content:space-between}.UserListDiv .DownloadFileManage>.BtnsDiv .CancelBtn{background-color:red;color:#ccc}.UserListDiv .DownloadFileManage>.BtnsDiv .DownloadBtn{background-color:#000;color:#0f0}.UserListDiv>.UserDiv:after{content:attr(data-username);position:absolute;top:100%;left:50%;transform:translate(-50%);font-weight:600;z-index:1}.UserListDiv>.UserDiv:hover{scale:1.1}.UserListDiv .activeUserDiv{background-color:var(--theme-color, #0ff);width:300px}.UserListDiv .activeUserDiv>.FileManageSection{width:100%;padding:0 20px}.UserListDiv .downloadShowUser{background-color:#0f0;width:300px}.UserListDiv .downloadShowUser>.DownloadFileManage{width:100%;padding:0 20px}.UserListDiv .downloadShowUser>.FileManageSection{display:none}.UserListDiv .downloadShowUser:not(.activeUserDiv){width:60px!important}.UserListDiv .downloadShowUser:not(.activeUserDiv)>.DownloadFileManage{width:100%;padding:0}.UserListDiv :is(.startProgress>.DownloadFileManage,.startProgress>.FileManageSection) .progressBar{display:flex}.UserListDiv :is(.startProgress>.DownloadFileManage,.startProgress>.FileManageSection) .BtnsDiv{display:none}.userSearhBarDiv{margin:50px auto;display:grid;grid-template-columns:auto 150px;width:80%;min-width:350px;max-width:800px;font-size:1.1em;padding:5px;background-color:#333;border-radius:50px;position:relative}.userSearhBarDiv>input{background-color:transparent;color:#ccc;font-size:1.1em;border:none;outline:none;width:100%;padding:10px 30px}.userSearhBarDiv>button{background-color:var(--theme-color, #0ff);border-radius:50px;padding:15px 20px;width:100%;border:none;font-size:1.1em}.userSearhBarDiv>.dropDownResult{position:absolute;width:100%;max-height:40svh;box-sizing:border-box;padding:10px;background-color:#333;top:100%;border:1px solid #ccc;border-radius:10px;overflow-y:scroll;z-index:2}.userSearhBarDiv>.dropDownResult>h3{text-align:center;margin:20px}.userSearhBarDiv>.dropDownResult>a{padding:20px;border-radius:20px;display:grid;grid-template-columns:60px auto 100px;align-items:center;gap:1em}.userSearhBarDiv>.dropDownResult>a>button{background-color:var(--theme-color, #0ff);border:none;border-radius:1em;padding:10px}.userSearhBarDiv>.dropDownResult>a>i{font-size:3em;margin:auto}.userSearhBarDiv>.dropDownResult>a .connectedUserBtn{background-color:gray}.userSearhBarDiv>.dropDownResult>a:hover{background-color:#232323}.ContentEditorDiv{max-height:75svh;height:100%;display:grid;grid-template-rows:60px auto}.ContentEditorDiv>.topBar{padding:10px 3em;height:100%;box-sizing:border-box;display:flex;justify-content:space-between}.ContentEditorDiv>.topBar>h3{display:flex;align-items:center;justify-content:center}.ContentEditorDiv>.topBar>button{background-color:transparent;border:none;color:#ccc;font-size:2em}.ContentEditorDiv>.topBar>.EnableEditBtn{background-color:var(--theme-color);color:#000;padding:10px 3em;font-size:1.1em;border-radius:5px}.ContentEditorDiv>.topBar>.RightSideBtn{height:100%;display:flex;gap:1em}.ContentEditorDiv>.topBar>.RightSideBtn>button{padding:10px;font-size:1.2em;background-color:var(--theme-color);border:none;border-radius:5px;transition:.3s ease-in-out}.ContentEditorDiv>.topBar>.RightSideBtn>.ContentSaveBtn{background-color:#0f0;padding:10px 3em}.enabledBtn{background-color:transparent!important;border:2px solid var(--theme-color)!important;color:var(--theme-color)}