@import url(https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/6.5.95/css/materialdesignicons.min.css);:root{--Theme:#0010f0;--Primary:#020202;--Secondary:#727272;--Bg:#fff;--White:#fff;--BgSec:#e7ecfe;--Red:#da5f5f;--Green:#188114;--Border:#dbdbdb}*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;line-height:1.4;font-size:14px;font-weight:500;color:var(--Primary);background:var(--BgSec);min-height:100vh;max-width:1500px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:LibreFranklin,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}button{cursor:pointer;font-size:1rem;transition:all .3s ease}button:active,button:focus{outline:none}button:active{transform:scale(.93)}a{color:var(--Theme);text-decoration:none}p,span{line-height:1.4}#app>div{min-height:100vh;display:flex;flex-direction:column}header{padding:.8rem 1rem;width:100%;display:flex;align-items:center;justify-content:space-between}header a:hover{text-decoration:underline}header .brand,header .text{font-size:1.2rem;font-weight:600}.actions{display:flex;justify-content:space-between;align-items:flex-end;padding:0 1rem}.actions button{border-radius:4px;padding:.3rem .6rem}.actions button+button{margin-left:1rem}.actions button.back{border:none;background-color:transparent;padding-bottom:0;padding-left:0;display:flex;align-items:center;opacity:0;pointer-events:none}.actions button.back.active{opacity:1;pointer-events:all}.actions button.back span{font-size:1.4rem;margin-left:0!important;margin-right:.5rem}.actions button.back:hover{color:var(--Theme)}.actions button.create{border:1px solid var(--Border);background-color:var(--White)}.actions button.create:hover{border-color:var(--Theme);color:var(--Theme)}.actions button.upload{color:#fff;background-color:var(--Theme);border:1px solid var(--Theme)}.actions button.upload input{display:none}.actions button span{margin-left:.5rem}.menu{display:flex;justify-content:space-between;padding:1rem 1rem 0 1rem}.menu .breadCrumbs{display:flex;align-items:center;flex-wrap:wrap}.menu .breadCrumbs>div{margin-right:.5rem}.menu .breadCrumbs>div:last-child{margin-right:0}.menu .breadCrumbs>div>span{margin-right:.5rem;font-size:1.2rem}.menu .breadCrumbs button{font-size:.9rem;border-radius:4px;padding:.2rem .8rem;background:var(--White);border:1px solid var(--Border)}.menu .breadCrumbs button:hover{border-color:var(--BgSec);background-color:var(--BgSec)}.menu .options{display:flex}.menu .options button{padding:.2rem .8rem;border-radius:4px;background-color:#fff;border:1px solid var(--Border)}.menu .options button span{margin-left:.5rem}.menu .options>div{position:relative}.menu .options>div+div{margin-left:1rem}.menu .options #contextMenu,.menu .options .dropDown{position:absolute;right:0;margin-top:-.5rem;border-radius:8px;padding:.5rem;min-width:200px;box-shadow:1px 1px 16px 0 rgba(0,0,0,.2);transition:all .3s ease;opacity:0;pointer-events:none;background:var(--White);z-index:99}.menu .options #contextMenu.active,.menu .options .dropDown.active{opacity:1;pointer-events:all;margin-top:.5rem}.menu .options #contextMenu .item,.menu .options .dropDown .item{border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:.4rem .4rem;transition:all .3s ease}.menu .options #contextMenu .item:hover,.menu .options .dropDown .item:hover{background-color:var(--BgSec)}.menu .options #contextMenu .item span,.menu .options .dropDown .item span{opacity:0}.menu .options #contextMenu .item.active,.menu .options .dropDown .item.active{color:var(--Theme)}.menu .options #contextMenu .item.active span,.menu .options .dropDown .item.active span{opacity:1}#library{flex-grow:1;display:flex;flex-direction:column;margin:1rem;background:var(--Bg);border-radius:5px;box-shadow:1px 1px 15px 0 rgba(0,0,0,.1)}.structure{flex-grow:1;padding:.5rem;margin:.5rem;border-radius:5px;border:2px dashed transparent;transition:border-color .3s ease}.structure .fileWrapper,.structure .folderWrapper{pointer-events:none}.structure .fileWrapper>*,.structure .folderWrapper>*{pointer-events:all}.structure .fileWrapper{margin-top:1rem}.structure.grid .fileWrapper,.structure.grid .folderWrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 2rem 1fr 2rem 1fr 2rem 1fr 2rem 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:2rem}.structure.list .fileWrapper>div+div,.structure.list .folderWrapper>div+div{margin-top:1rem}.structure.list .folder .name{display:flex;justify-content:space-between;width:100%}.structure.list .folder .name .info div:last-child{order:-1}.structure.list .folder .name .info div{margin-left:0;margin-right:.5rem}.structure.list .file{width:100%;display:flex}.structure.list .file .preview{height:80px;width:100px}.structure.list .file .preview embed{border-top-right-radius:0}.structure.list .file .info{align-items:center;padding-left:1rem;width:100%}.structure.list .file .info>div{display:flex;justify-content:space-between}.structure.list .file .info>div .elapsed{margin-right:1rem}.structure.empty,.structure .empty{display:flex;flex-direction:column}.structure .empty{pointer-events:none;align-items:center;justify-content:center;flex-grow:1;width:100%}.structure .empty img{width:200px;margin-bottom:1rem}.structure .empty .large,.structure .empty .small{color:var(--Secondary)}.structure .empty .large{font-weight:700;font-weight:1.2rem}.structure .empty .small{font-weight:.9rem}.file,.folder{background:transparent;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:5px;overflow:hidden;border:1px solid var(--Border);transition:border-color .3s ease;cursor:pointer}.file *,.folder *{pointer-events:none}.file.contextMenu,.folder.contextMenu,.folder.targetting,.structure.contextMenu,.structure.targetting{border-color:var(--Theme)}.folder{display:flex;align-items:center;padding:.3rem .8rem}.folder .icon{display:block;font-size:2rem;margin-right:.5rem;line-height:2rem}.folder .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder .info{display:flex;align-items:center;font-size:.8rem;font-weight:500;color:var(--Secondary)}.folder .info span{margin-right:0}.folder .info>div+div{margin-left:.6rem}.file{background:var(--BgSec)}.file .preview{height:150px;position:relative}.file .preview embed{width:100%;height:100%;border:none;-o-object-fit:cover;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px}.file .info{background:var(--White);padding:.8rem .5rem;display:flex;align-items:center}.file .info>div{white-space:nowrap;overflow:hidden;width:100%}.file .info img{width:23px;min-width:25px;margin-right:.5rem}.file .info .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file .info .meta{display:flex;align-items:center;justify-content:space-between;padding-top:3px}.file .info .meta .elapsed,.file .info .meta .size{font-size:.8rem;color:var(--Secondary)}.modalWrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modalWrapper.active{opacity:1;pointer-events:all}.modalWrapper.active .transition{margin-top:0!important}.modalWrapper .bg{background:rgba(0,0,0,.2823529411764706);position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;cursor:pointer}.modalWrapper .transition{z-index:300;margin-top:-1rem;transition:margin-top .3s ease}.modalWrapper .modal{z-index:300;background:var(--White);border-radius:8px;padding:1rem;box-shadow:1px 1px 16px 0 rgba(0,0,0,.2);min-width:500px}.modalWrapper .modal .modalHeader{border-bottom:1px solid var(--Border);padding-bottom:.4rem;display:flex;align-items:center;justify-content:space-between}.modalWrapper .modal .modalHeader .title{font-weight:700;font-size:1.1rem}.modalWrapper .modal .modalHeader .title.red{color:var(--Red)}.modalWrapper .modal .modalHeader button{background:transparent;border:none;font-size:1.6rem}.modalWrapper .modal .modalFooter{display:flex;align-items:center;justify-content:flex-end;padding-top:1rem}.modalWrapper .modal .modalFooter button{border-radius:4px;padding:.4rem .8rem;min-height:38px}.modalWrapper .modal .modalFooter button.sec{margin-right:1rem;border:1px solid var(--Border);background:var(--White)}.modalWrapper .modal .modalFooter button.sec:hover{background:var(--BgSec);border-color:var(--BgSec)}.modalWrapper .modal .modalFooter button.main{color:var(--Theme);border:1px solid var(--Theme);background:var(--White)}.modalWrapper .modal .modalFooter button.main:hover{color:var(--White);background:var(--Theme);border-color:var(--Theme)}.modalWrapper .modal .modalFooter button.main.red{color:var(--Red);border:1px solid var(--Red)}.modalWrapper .modal .modalFooter button.main.red:hover{color:var(--White);background:var(--Red);border-color:var(--Red)}.modalWrapper .modal .modalContent{padding:1rem 0}.modalWrapper .modal .modalContent label{display:block;font-weight:600;margin-bottom:.5rem}.modalWrapper .modal .modalContent .fileName span{color:var(--Theme)!important}.modalWrapper .modal .modalContent input{border:1px solid var(--Border);transition:all .3s ease;width:100%;padding:.6rem .6rem;outline:none;border-radius:4px}.modalWrapper .modal .modalContent input:active,.modalWrapper .modal .modalContent input:focus{border-color:var(--Theme)}#toasts{position:fixed;z-index:999;width:100%;bottom:0;right:0;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;pointer-events:none}#toasts>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--White);border-radius:5px;padding:.6rem 1rem;box-shadow:1px 1px 16px 0 rgba(0,0,0,.2);display:inline-flex;justify-content:space-between;align-items:center}#toasts>div>div{order:-1;font-size:1.5rem;margin-right:.5rem}#toasts>div+div{margin-top:.5rem}#toasts>div.green{color:var(--Green)}#toasts>div.red{color:var(--Red)}#contextMenu{position:absolute;margin-top:-.5rem;border-radius:8px;padding:.5rem;min-width:200px;box-shadow:1px 1px 16px 0 rgba(0,0,0,.2);transition:opacity .3s ease,margin-top .3s ease;opacity:0;pointer-events:none;background:var(--White);z-index:99}#contextMenu.active{opacity:1;pointer-events:all;margin-top:0}#contextMenu .item{border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:.4rem .4rem;transition:all .3s ease}#contextMenu .item:hover{background-color:var(--BgSec)}#contextMenu .item span{opacity:0}#contextMenu .item.active{color:var(--Theme)}#contextMenu .item.active span{opacity:1}