main{display:grid;grid-template-columns:265px calc(100vw - 265px);width:100vw;height:100vh}section#sidebar{width:264px;border-right:2px solid #8f7013;display:flex;flex-direction:column;gap:40px}.brand{height:124px;margin:5vh auto;margin-bottom:10px}section#sidebar .nav>.title{color:#cca01e;text-align:center;margin-bottom:40px;font-size:20px;font-weight:800;font-family:Verdana,Geneva,Tahoma,sans-serif}.nav{display:flex;flex-direction:column}.nav>.el{display:flex;width:100%;padding:10px 30px;font-weight:600;font-size:18px;cursor:pointer;gap:22.5px;align-items:center}.nav>.el img{width:36px}.nav>.el.dead{opacity:.5}section#app{width:100%}.login{display:relative;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.login .title{font-size:32px;color:#ececec;font-weight:400;margin:20px}.login .wallets{display:flex;flex-direction:column;gap:20px}.login .wallet{width:220px;height:65px;border:4px solid #ececec;border-radius:8px;display:flex;align-items:center;padding:10px 20px;gap:20px;font-size:22px;line-height:18px;font-weight:700;justify-content:center;cursor:pointer}.login .wallet>.icon{height:90%}.login .logo{height:17.5vh;position:absolute;top:17.5%}::-webkit-scrollbar{width:10px;height:12px}::-webkit-scrollbar-track{background:#383838}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#5e5e5e}.test{justify-self:flex-end}.files{height:100vh;width:100%;display:flex;flex-direction:column}.files>.header{height:10vh;display:flex;padding:0 6%;align-items:end;justify-content:space-between;font-size:24px}.files>.header .path{display:inherit;gap:10px;line-height:28px;width:65%;position:relative}.files>.header .path.inner{overflow:auto;width:80%}.files>.header .path>*{flex-shrink:0}.files>.header .path::-webkit-scrollbar{height:4px}.files>.header>.actions{display:flex;gap:20px}.files .actions button{border:1px solid #bb9219;border-radius:1px;padding:10px 20px;cursor:pointer;background-color:transparent}.path .icon{width:32px;margin-right:10px}.path .subdir{cursor:pointer;border-radius:10px;padding:0 10px}.path .subdir:not(:last-child):hover{background-color:#383838}.path .seperator{-webkit-user-select:none;user-select:none;height:30px}.files>.actions{display:flex;padding:0 6%;gap:30px;font-size:24px}.files>.actions>.action{font-size:15px;font-weight:500}.explorer{display:flex;width:100%;padding:20px 5%;height:80vh}.list .icon{height:30px}.list-wrap{display:flex;flex-direction:column;width:100%;background-color:#232323;border-radius:2.5px;border:1px solid #2e2e2e;height:min-content;max-height:100%;position:relative;overflow:hidden}.list{display:flex;flex-direction:column;width:100%;background-color:#232323;border-radius:2.5px;border:1px solid #2e2e2e;height:min-content;max-height:100%;position:relative;overflow:auto}.explorer .row{display:flex;height:50px;min-width:100%;padding:0 10px;align-items:center;font-size:14px;-webkit-user-select:none;user-select:none;font-weight:400;width:fit-content}.list-wrap .row.header{color:#bb9219;font-size:15px;font-weight:600;border-bottom:1px solid #8f7013;overflow:hidden;padding-right:15px}.explorer .row>*{flex-shrink:0}.list-head{display:flex;flex-direction:column;width:100%;background-color:#232323;border-radius:2.5px;border:1px solid #2e2e2e;height:min-content;max-height:100%;position:relative;flex-shrink:0;overflow:hidden}.list>.row.focus{background-color:#1d1d1d}.explorer .row>.select{width:50px}.explorer .row>.content{display:flex;align-items:center;height:inherit;gap:20px}.list>.row:last-child{border-bottom:none}.explorer .column.notext{display:inherit;align-items:inherit}.explorer .column{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:auto}.explorer .column.xlg{width:300px}.explorer .column.lg{width:200px}.explorer .column.md{width:150px}.explorer .column.sm{width:100px}.explorer .column.xsm{width:auto;min-width:28px}.list .row:hover{background-color:#1d1d1d;cursor:pointer}#list-source-loading{height:100px;position:relative;width:100%}.loader{display:block;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}.folderMessage{display:flex;justify-content:center;align-items:center;min-height:100px;color:#bdbdbd;font-weight:600}button.red{border-color:#cc4848!important}.view_upload{height:90vh;display:flex;flex-direction:column;margin:0 auto;padding:2.5% 0;align-items:center;position:relative}.uploader-list{position:relative;display:flex;flex-direction:inherit;width:100%;gap:20px;overflow:auto;width:800px;max-height:60%}.uploader-actions{display:flex;flex-direction:inherit;flex-shrink:0;flex-grow:1;width:100%;gap:20px;min-height:40%;overflow:normal;max-width:800px;position:relative;-webkit-user-select:none;user-select:none}.view_upload .dropbox{display:none;position:absolute;top:2.5%;bottom:0;width:100%;max-width:800px;height:80vh;align-items:center;justify-content:center;background-color:#272727;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='9' ry='9' stroke='%23bb9219' stroke-width='10' stroke-dasharray='17%2c30' stroke-dashoffset='13' stroke-linecap='square'/%3e%3c/svg%3e");border-radius:9px}.view_upload .dropbox.visible{display:flex}.view_upload .dropbox.placeholder{display:flex;position:unset;height:130px;text-align:center;cursor:pointer;font-weight:600;flex-shrink:0}.view_upload button{outline:none;border:3px solid #bb9219;border-radius:0;background-color:transparent;font-weight:700;padding:1% 0;cursor:pointer}.view_upload button:hover{border-color:#e7b51e}.uploader-list .file{display:flex;flex-direction:column;margin-right:5px}.uploader-list .file>.main{background-color:#0a0a0a;padding:15px;display:flex;width:100%;justify-content:space-between;border-radius:5px}.uploader-list .file .content{width:95%;padding:0 2.5%}.uploader-list .file .actions{display:flex;align-items:center}.uploader-list .file .actions img{height:32px;cursor:pointer}.uploader-list .file .title{font-size:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600}.uploader-list .file .subtitle{font-size:12px;font-weight:400}.uploader-list .menu{margin-top:10px;padding-top:10px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #232329}.view_upload select{border:0;outline:0;background-color:#2d2d36;padding:2px 7px;border-radius:2px}.view_upload select>option{height:30px}.uploader-list .select{display:flex;gap:8px}.uploader-list .select>div{font-size:13px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.uploader-list .file>.advanced{background-color:#252742;display:flex;visibility:none;max-height:0;overflow:hidden;flex-direction:column;transition:max-height .25s ease-out,padding .25s ease-out;padding:0 30px}.uploader-list .file>.advanced.open{visibility:visible;opacity:1;max-height:263px;padding:10px 30px;transition:max-height .25s ease-out}.uploader-list .file>.advanced .title{font-size:18px;font-weight:700}.uploader-list .file>.advanced .row{display:flex;gap:5%;margin-bottom:10px}.row>.full{width:100%}.row>.half{width:50%}.row span{font-size:14px;font-weight:700;color:#b9b9b9}.row .text{width:100%}.view_upload select{width:100%;border:2px solid #bb9219}.uploader-actions>.actions{display:flex;gap:20px}.uploader-actions>.actions *{width:100%}.view_upload .selector{background-color:#272727;max-height:calc(100% - 100px);width:100%;position:absolute;overflow:auto}.view_upload .hidden{display:none}.view_upload .provider{padding:10px 20px;display:flex;justify-content:space-between;cursor:pointer;transition:background-color .3s ease-out;align-items:center}.view_upload .providers .info{display:flex;justify-content:space-between}.view_upload .provider.head{background-color:#b19705;color:#000;font-weight:600;margin-top:5px;border-top-right-radius:3px;border-top-left-radius:3px}.view_upload .provider:not(.head):hover,.view_upload .provider.active{background-color:#424242;transition:background-color .3s ease-out}.view_upload .provider img{height:20px}.view_upload .provider .stats{display:inherit;align-items:inherit;gap:15px}.chevron{transition:transform .3s ease;cursor:pointer;height:28px!important}.chevron.up{transform:rotate(180deg)}.view_uploading{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#1a1a1ada;display:flex;flex-direction:column;align-items:center;padding:10% 0}.view_uploading .title{font-size:48px;font-weight:800;color:#fff;margin:10px 0}.view_uploading .subtitle{font-size:32px;color:#fff;font-weight:600;text-align:center}.details{flex-shrink:0;flex-grow:0;width:250px;border:2px solid #a9a9a9;margin:20px 10px 20px 50px;display:flex;flex-direction:column;justify-content:space-between;height:90%;position:relative;border-radius:10px}.details .content{width:100%;display:flex;flex-direction:column;padding:0 10px}.details .content>div{width:100%;word-wrap:break-word}.details .icon{margin:20px auto}.details .icon.lg{height:54px}.details .title{font-size:16px;color:#fff;text-align:justify;margin-bottom:30px;font-weight:400;display:flex;gap:10px;align-items:center}.details .title img{height:18px;opacity:0;transition:opacity .2s;cursor:pointer}.details .title img.active{opacity:1}.details .title input{width:165px}.details .detail{display:flex;justify-content:space-between;margin:2px 0}.details .detail>.name{font-weight:700}.details .actions{display:flex;justify-content:space-between;padding:15px;gap:20px}.details .actions img{height:32px}.details .actions>.action{height:32px;width:100%;outline:0;border:0;border-radius:2px;font-size:12px;font-weight:700}.details .actions>.action.green{background-color:#40a72b}.details .actions>.action.green:not(.nohover):hover{background-color:#46b82f;cursor:pointer}.details .actions>.action.red{background-color:#cc4848}.details .actions>.action.red:hover{background-color:#dd4e4e;cursor:pointer}.details .actions>.action.dead{background-color:#636363;cursor:auto}.details .cancel{position:absolute;top:0;right:0;padding:10px;cursor:pointer;line-height:10px}.modal-bg{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#1a1a1ada;display:flex}.modal{min-height:200px;min-width:35%;margin:auto;background-color:#b9b9b9da;border-radius:10px;padding:10px 20px;display:flex;flex-direction:column;justify-content:space-between}.modal>.contents>.title{color:#000;font-size:26px}.modal>.actions{margin:10px 0}.newdir .subtitle{color:#000;margin-top:10px;margin-bottom:2px;font-weight:700;font-size:16px}.newdir input{outline:0;width:100%;height:30px;border-radius:4px;border:0;padding:2px 10px;background-color:#2e2e2e;border:2px solid #2e2e2e}.newdir.actions{display:flex;gap:20px}.newdir.actions button{width:100px;height:30px;cursor:pointer;border:0;border-radius:5px;font-weight:600}.newdir.actions button.green{background-color:#40a72b}.newdir.actions button.red{background-color:#cc4848}.newdir .warn{border:2px solid #f3bc08}.newdir .note{font-size:12px;color:#ffd900;margin-left:5px}::placeholder{color:#999}.newdir.actions img{height:28px}.store{width:100vw;height:100vh;padding:5vh 10vw}.store>.title{font-size:36px;font-family:Tahoma,Geneva,Verdana,sans-serif;font-weight:500;margin-bottom:10px;color:#e6e6e6}.store>.content{display:flex;padding:40px 0;gap:40px;justify-content:center}.store .option{height:70vh;width:275px;border:2px solid #bb9219;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.store .option>.info{display:flex;flex-direction:column;gap:20px}.store .option .title{color:#d4d4d4;font-family:Courier New,Courier,monospace;font-weight:600;font-size:24px;margin:0}.store .option .price{font-size:30px;font-weight:600;text-align:center}.store .option .price span{font-size:18px;font-weight:600}.store .option .priceJKL{margin-top:5px;font-size:18px;font-weight:600;text-align:center}.store .option .priceJKL span{font-size:14px;font-weight:600}.store .option .subtitle{font-weight:600}.store .option>.action{display:flex;flex-direction:column;align-items:center}.store .months{display:flex;align-items:center;justify-content:center;border:1px solid #d4d4d4;width:min-content}.store .months>button{background-color:#575757;border:none;width:24px;height:24px;font-size:18px;cursor:pointer;width:30px;height:30px;border-radius:0;outline:0;-webkit-user-select:none;user-select:none}.store .months>input{border-radius:0;outline:none;border:0;width:100px;height:24px;text-align:center;-moz-appearance:textfield}.store .months>input[type=number]::-webkit-outer-spin-button,.store .months>input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.store .pay{width:200px;height:32px;background-color:#dab441;border-radius:2.5px;margin-top:20px;color:#000;justify-content:center;align-items:center;display:flex;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.msgbox{position:fixed;display:flex;flex-direction:column;gap:20px;top:3vh;right:3vw;width:320px}.message{border:2px solid;min-height:100px;width:320px;background-color:#080808;box-shadow:0 2px 6px #0003;transition:right .25s ease-in,opacity 1s ease-out;opacity:1;position:relative;right:calc(-320px - 3vw);border-radius:8px;display:flex;padding:20px;gap:20px}.message-enter{transition:right .35s ease-out;right:0}.fade{opacity:0}.message>.content{display:flex;flex-direction:column}.message .icon{height:55px;margin:auto 0}.message .type{font-size:22px;font-weight:600}.message .text{font-size:14px;overflow:auto}.message.ERROR{border-color:#ff4141}.message.WARN{border-color:#fec901}.message.SUCCESS{border-color:#6bbe66}.subs{height:100vh;width:100%;display:flex;flex-direction:column;padding:0 8%;gap:50px}.subs>.header{height:12.5vh;display:flex;align-items:end;justify-content:space-between;font-size:36px}.storage{height:100vh;width:100%;display:flex;flex-direction:column;padding:0 8%;gap:50px}.storage>.header{display:flex;flex-direction:column;font-size:36px;margin-top:40px;gap:5px}.storage>.header>.bar-header{font-size:14px;font-weight:700;display:flex;justify-content:space-between;color:#c7c7c7}.storage>.header>.title{font-weight:600;margin-bottom:15px}.storage>.header>.bar{display:flex;height:18px;width:100%;background-color:#000;border-radius:2px;overflow:hidden}.storage>.header>.bar .GOOD{background-color:#4ae32b}.storage>.header>.bar .WARN{background-color:#eedd47}.storage>.header>.bar .ERROR{background-color:#cf3030}.storage>.header>.bar #storage-used{flex-grow:0;flex-shrink:0;width:100px}.storage>.header>.bar #storage-available{flex-grow:1}.subs>.content{display:flex;justify-content:space-between}.subs .info{display:flex;flex-direction:column}.subs .info>.title{font-size:24px;color:#f7f7f7;font-weight:600;margin-bottom:2.5px;display:flex;gap:40px}.subs .info>.title .tier{color:#eedd47;font-weight:400}.subs .info>.subtitle{font-weight:700;color:#bbb}.subs .info>.actions{margin-top:30px}.minipanel{width:100%;display:flex;flex-direction:column}.uploads{padding:3% 8%;gap:10px}.uploads>.title{font-weight:600;font-size:20px;padding:0 2%}.uploads .content{display:flex;flex-direction:column;gap:20px;max-height:205px;overflow:auto;background-color:#0c0c0c;border-radius:5px;padding:4% 3%}.uploads .upload>.status{width:42px;height:42px}.uploads .upload{display:flex;align-items:center;gap:10px}.uploads .upload>.info{min-width:0}.uploads .upload>.info>*{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}*{box-sizing:border-box}a{color:inherit;text-decoration:none}:root{font-family:Segoe UI,"Segoe UI Web (West European)",Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#c0c2f8;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{transition:border-color .25s;outline:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
