.app-loader{height:100vh;display:flex;justify-content:center;align-items:center}.app-loader .spinner{width:50px;--b: 8px;aspect-ratio:1;border-radius:50%;padding:1px;background:conic-gradient(#0000 10%,#f03355) content-box;-webkit-mask:repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));-webkit-mask-composite:destination-in;mask-composite:intersect;animation:l4 1s infinite steps(10)}@keyframes l4{to{transform:rotate(1turn)}}.sidebar{padding:15px;border-right:1px solid var(--darkgray);height:100%}.links{margin-bottom:10px}.links div{padding:7px 12px;color:var(--lightwhite);background-color:var(--lightdark);display:flex;align-items:center;gap:10px;border-radius:5px;margin-bottom:5px;border:1px solid gray}.links div:hover{color:var(--lightblue);background-color:var(--hover-bg);border:1px solid var(--lightblue)}.tree-view svg{font-size:1.4rem!important}.tree-view .MuiTreeItem-content:hover{color:var(--lightblue)}.tree-view .Mui-selected{border-left:3px solid var(--lightblue);border-radius:0}.sidebar .cancel{background-color:var(--darkgray);color:#fff;border:1px solid gray}.sidebar .cancel:hover{color:var(--lightblue);background-color:#3d98ff44;border:1px solid var(--lightblue)}.sidebar .delete:hover{background-color:var(--lightgreen)}@media (max-width: 600px){.sidebar{position:fixed;inset:auto 0 0 0;height:fit-content;padding:15px 0;border-top:1px solid var(--darkgray)}.sidebar .links,.sidebar .links div{all:revert;color:gray}.sidebar .links{display:flex;justify-content:space-around}.sidebar svg:hover{color:var(--lightblue)}.tree-view,.sidebar .links p{display:none}}nav{padding:0 20px;height:var(--nav-height);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--darkgray)}nav svg:hover{color:var(--lightblue)}nav div{display:flex;gap:15px}nav div a{padding:10px 15px;border-radius:5px;color:var(--lightwhite);border:1px solid gray}nav div a:hover{color:var(--lightblue);background-color:var(--hover-bg);border:1px solid var(--lightblue)}nav a[href="/folders"]{font-size:1.7rem}@media (max-width: 600px){nav{height:auto;gap:30px}nav a[href="/folders"]{width:50px;text-align:left;font-size:var(--lfs);padding:15px 0}a{padding:10px}}.app{min-height:100vh;background-color:var(--dark)}.dashboard{min-height:100vh;width:100%;display:grid;grid-template-columns:300px 1fr;text-align:left}.folder-content{padding:17px}.folder-content ul{margin-top:10px;padding:0;display:flex;flex-direction:column;gap:6px}.folder-content li .item,.folder-content li.header{font-size:var(--sfs);display:grid;grid-template-columns:50% 25% 25%;padding:10px}.folder-content li .item{color:var(--lightwhite);background-color:var(--lightdark);border:1px solid gray;border-radius:5px}.folder-content li .item:hover{color:var(--lightblue);background-color:var(--hover-bg);border:1px solid var(--lightblue)}.folder-content li.header{font-weight:600;color:#fff;text-transform:capitalize;padding:7px 5px}.folder-content li .label{display:flex;align-items:center;gap:10px}.folder-content .no-items{height:calc(100vh - 60px - (var(--nav-height)));display:flex;align-items:center;justify-content:center}.folder-content .path-bar,.folder-content .path-bar div{display:flex;align-items:center;gap:12px}.folder-content .path-bar a{color:var(--lightblue);font-size:var(--fs)}.folder-content .path-bar svg{transform:translateY(3px)}.modal h1{font-size:1.2rem}.modal>:first-child{display:flex;flex-direction:column;gap:30px;width:100%;height:100%}.modal .first{display:flex;justify-content:space-between;font-weight:700;font-size:1.2rem}.modal .first svg{font-weight:700;font-size:1.2rem}.modal .first svg:hover{color:var(--lightblue)}.modal input{border:2px solid var(--lightblue)}.modal .loader-parent{align-self:flex-end}.modal button{color:var(--darkgray);font-weight:600;padding:10px 20px;background-color:var(--lightblue);border:none}.modal button:hover{background-color:var(--lightgreen);color:var(--darkgray);border:none}.modal .buttons{display:flex;gap:10px;justify-content:flex-end}.modal .buttons .cancel{background-color:var(--dark);color:#fff;border:1px solid gray}.modal .buttons .cancel:hover{color:var(--lightblue);background-color:var(--hover-bg);border:1px solid var(--lightblue)}.modal .links-duration{display:flex;flex-direction:column;gap:10px}.modal .links-duration .durations{display:flex;border-radius:10px;overflow:hidden;border:1px solid gray}.modal .links-duration .durations>*{flex:1 1 auto;font-size:1rem;padding:10px 15px;text-align:center;border-right:1px solid gray}.modal .links-duration .durations .active,.modal .links-duration .durations :hover{background-color:var(--lightblue);color:var(--dark)}.modal .links-duration .durations>:last-child{border:none}.file-info{position:fixed;top:0;bottom:0;right:0;width:400px;padding:20px;background-color:var(--darkgray);text-align:left;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.file-info .header{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:1.2rem}.file-info .middle{flex-grow:1;padding-top:50px;display:flex;flex-direction:column;gap:8px}.file-info .buttons{display:flex;width:100%;justify-content:center;gap:10px}.file-info button{border:1px solid gray;background-color:var(--lightdark)}.file-info button:hover{color:var(--lightblue);background-color:var(--hover-bg);border:1px solid var(--lightblue)}.file-info .loader-parent{background-color:var(--darkgray)}.file-info .loader-parent button{color:var(--dark);background-color:var(--lightblue);border:none}.file-info .loader-parent button:hover{background-color:var(--lightgreen);color:var(--dark)}.file-info .header,.file-info .middle span{font-weight:700}.file-info svg{color:gray}.file-info svg:hover{color:var(--lightblue)}.file-info-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--backdrop-color)}button.loading{padding:10px 30px!important}.loader-parent{height:fit-content;width:fit-content}.pending{width:20px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--darkgray) 94%,#0000) top/3px 3px no-repeat,conic-gradient(#0000 30%,var(--darkgray));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}@media (max-width: 600px){.dashboard{all:revert}.app nav a[href="/folders"]{width:fit-content}.app nav svg{font-size:var(--fs)}.sidebar svg{font-size:1.2rem}.folder-content{padding:10px}.folder-content li .item,.folder-content li.header{grid-template-columns:repeat(3,1fr);padding:10px}.folder-content li.header>:first-child{text-align:left}.folder-content .path-bar,.folder-content .path-bar div{display:flex;align-items:center;gap:0}.folder-content .path-bar a{color:var(--lightblue);font-size:var(--sfs)}.folder-content .path-bar svg{transform:unset;font-size:var(--sfs)}.folder-content ul{gap:8px}.modal>:first-child{gap:10px}.file-info{width:100vw}.modal h1{font-size:1rem;font-weight:700}}main{padding:0 20px;display:flex;justify-content:center;align-items:center;height:calc(100vh - var(--nav-height) - 10px)}form{width:35vw;display:flex;flex-direction:column;justify-content:center;gap:10px;text-align:left;font-size:1rem}form a{text-decoration:underline;color:var(--lightblue)}h1{font-size:1.7rem}input,input:autofill{color:var(--lightblue)!important;background-color:var(--lightdark)!important;border:1px solid gray}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--lightdark) inset!important;-webkit-text-fill-color:var(--lightblue)!important}input:focus{border:2px solid var(--lightblue)}button{border:1px solid gray}button:hover,button.loading{color:var(--lightblue);background-color:var(--hover-bg);border:1px solid var(--lightblue)}button .pending{background:radial-gradient(farthest-side,var(--lightblue) 94%,#0000) top/3px 3px no-repeat,conic-gradient(#0000 30%,var(--lightblue))}form .error-message{font-size:var(--sfs);text-transform:capitalize;color:red}@media (max-width: 600px){main{display:block;padding:50px 20px}h1{font-size:var(--lfs)}form{width:100%;gap:20px}form input{margin-top:15px}}.not-found a{margin-top:20px;font-size:1rem!important;padding:10px 20px;border:1px solid white;border-radius:20px}.not-found{width:100vw;height:100vh;font-size:1.3rem;display:flex;flex-direction:column;justify-content:center;align-items:center}*{padding:0;margin:0;box-sizing:border-box}:root{--xsfs: .6rem;--sfs: .8rem;--fs: 1rem;--mfs: 1.2rem;--lfs: 1.7rem;--darkgray: rgb(50, 50, 60);--white: rgb(245, 245, 245);--lightwhite: rgb(172, 172, 172);--lightblue: rgb(69, 199, 255);--lightblue2: rgb(65, 113, 150);--lightgreen: rgb(60, 230, 185);--lightdark: rgb(24, 24, 28);--dark: rgb(15, 15, 15);--nav-height: 65px;--backdrop-color: rgba(10, 10, 10, .8);--hover-bg: rgba(60, 190, 255, .25)}body{background-color:var(--dark);color:var(--white);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;font-size:var(--fs);text-align:center}a{color:#fff;text-decoration:none}h1{font-weight:600}ul{list-style:none}input,button{margin-top:8px;width:100%;padding:11px 15px;color:var(--lightwhite);background-color:var(--lightdark);border:1px solid gray;border-radius:5px;outline:none}button{width:fit-content}input[type=checkbox]{width:17px;height:17px;margin-right:2px}input[type=file]{border:none;background-color:var(--darkgray)!important;font-size:1.05rem}input::file-selector-button{padding:10px 20px;background-color:var(--lightdark);color:var(--white);margin-right:20px;border:1px solid gray;border-radius:5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--backdrop-color);z-index:10}.modal{font-size:1.1rem;width:500px;padding:30px;background-color:var(--darkgray);text-align:left;color:#fff;z-index:20;border-radius:20px;border:2px solid var(--lightblue)}@media (max-width: 600px){:root{--lfs: 1.5rem}.modal{font-size:.95rem;width:90vw;padding:20px 23px}}