.page .head{display:flex;flex-direction:column;justify-content:flex-start;padding-top:3em;width:100%}.container{height:calc(100% - 60px - 5em);overflow:hidden}.page{height:100%;max-width:1000px;width:70%}.page .body{gap:2em;height:100%;width:100%}.handle,.page .body{align-items:center;display:flex;flex-direction:column}.handle{gap:.8em;height:50%;margin-bottom:1em;overflow:auto;padding:1em .75em;width:90%}.tabs{gap:2em;overflow-x:scroll;padding:1em 1em 2em}.tab,.tabs{display:flex}.tab{align-items:center;color:var(--color-font-light);gap:.5em;justify-content:center;position:relative}.tab:hover{color:var(--color-primary);cursor:pointer}.tab svg.filled path{fill:var(--color-font)}.tab:hover svg.filled path{fill:var(--color-primary)}.tab>.line{background-color:var(--color-primary);border-radius:3px;bottom:-.65em;display:none;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:85%}.tab.active>.line{display:block}.tab.active{color:var(--color-font)}.tab.active svg.filled path{fill:var(--color-primary)}.tab.disabled{cursor:not-allowed;opacity:.4}#add-tag,#search{background-color:transparent;border:2px solid var(--color-line);color:var(--color-font);outline:none;padding:.75em 1em;width:min(700px,80%)}.colors-menu{align-items:center;display:flex;flex-direction:column;width:100%}.colors{display:flex;flex-direction:row;gap:1em;margin-bottom:1em}.colors .color{background-color:#beebb2;border-radius:5px;cursor:pointer;height:35px;width:35px}.name.private:before{background:var(--color-alert)}.name.private:before,.name.public:before{border-radius:50%;content:"\A";display:inline-block;height:10px;margin-right:.75em;vertical-align:baseline;width:10px}.name.public:before{background:var(--color-tips)}.course{background:var(--color-bg-gradient);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:.75rem 1rem;position:relative;width:100%}.course>*{margin:0}.course>.name{color:var(--color-font);display:inline-block;font-size:var(--font-size-p);font-weight:700;max-width:70%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.course svg:hover,.course>.name:hover{cursor:pointer}.course>.author{font-size:var(--font-size-small);margin-top:.5em}.course>p>span{color:var(--color-primary);font-weight:700}.course svg{height:20px;width:20px}.course>.icons{display:flex;gap:1em;position:absolute;right:1em;top:50%;transform:translateY(-50%)}.pagination{display:inline-block}.pagination span{border-radius:5px;color:var(--color-font);float:left;font-family:Inter,monospace;margin-inline:4px;padding:8px 12px;text-decoration:none}.pagination span.active{background-color:var(--color-primary);color:var(--color-text-darktheme)}.pagination span.disabled{color:#646464}.pagination span:not(.disabled){cursor:pointer}.handle-tags{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.8em;justify-content:center;margin-top:2em;max-height:50%;min-height:20%;padding:1em .75em;width:90%}.handle-tags .tag{border-radius:.5em;gap:.75em;padding:.5em .75em}.handle-tags .tag span{color:var(--ttext-color);font-size:.8em;font-weight:800}.handle-tags .tag svg{height:8px;width:8px}.tags{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.3em}.course .tags{margin-top:.25em}.tag{--ttext-color:var(--ttext-green);--tbg-color:var(--tbg-green);align-items:center;background-color:var(--tbg-color);border-radius:.25em;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:flex;flex-direction:row;gap:.5em;min-width:fit-content;padding:.25em .5em}.tag,.tag span{color:var(--ttext-color)}.tag span{font-size:.6em;font-weight:800}.tag svg{cursor:pointer;height:6px;width:6px}.tag svg path{fill:var(--ttext-color);stroke-width:.1px}#storage-bar{width:80%}#progress-text{color:var(--color-font-light);font-size:.85rem;margin-bottom:5px}.progress-container{background-color:var(--color-bg-secondary);border-radius:10px;height:10px;overflow:hidden}.progress-fill{border-radius:10px 0 0 10px;height:100%;width:0}.files-menu,.pag-menu{align-items:center;display:flex;flex-direction:column;justify-content:center;width:60%}.files-menu select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--color-line);color:var(--color-font)}.files-menu select,.pag-menu button{background-color:var(--color-bg);cursor:pointer;font-size:1rem;height:39px;outline:none;padding:0 1em;width:200px}.pag-menu button{border:1px solid var(--color-line);color:var(--color-primary);transition:.3s}.pag-menu button:hover{border:1px solid var(--color-primary)}.upload-box{display:none}.handle-afiles{align-items:center;column-gap:auto;flex-wrap:wrap;height:30%;justify-content:space-evenly;margin-bottom:1em;overflow:auto;padding:1em .75em;row-gap:.8em}.file-container,.handle-afiles{display:flex;flex-direction:row;width:100%}.file-container{background:var(--color-bg-gradient);border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:70px;justify-content:center;max-width:300px;padding-inline:1em;position:relative}.file-container svg.disabled{cursor:not-allowed;opacity:.2}.file-container .trash{cursor:pointer}.file-container-text{display:flex;flex-direction:column;justify-content:center;padding-inline:1em;width:70%}.file-container-title{font-size:var( --font-size-p);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-container-weight{font-size:var( --font-size-small)}.file-container-used{align-items:center;border:2px solid var(--color-primary);border-radius:999px;color:var(--color-font);display:inline-flex;font-family:var(--font-secondary);font-size:.75em;height:1.5em;justify-content:center;left:5px;line-height:1;min-width:1.2em;padding:.5em;position:absolute;top:5px;white-space:nowrap}#getKey{bottom:5%;left:50%;position:absolute;transform:translateX(-50%)}@media only screen and (min-width:820px){.tabs{overflow-x:hidden}.files-menu,.pag-menu{flex-direction:row;gap:2em}.upload-box{border:2px dashed var(--color-primary);border-radius:6px;cursor:pointer;height:75px;justify-content:center;position:relative;text-align:center}.handle-afiles,.upload-box{align-items:center;display:flex;width:75%}.handle-afiles{column-gap:auto;flex-direction:row;flex-wrap:wrap;height:30%;justify-content:space-evenly;overflow:auto;padding:1em .75em;row-gap:.8em}.file-container{background:var(--color-bg-gradient);border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:flex;flex-direction:row;height:70px;justify-content:center;padding-inline:1em;position:relative}.upload-content svg{margin-bottom:5px}.upload-content svg path{fill:var(--color-primary)}.upload-content p{color:var(--color-font);font-size:.8rem;margin:0}.click,.drop{color:var(--color-primary)}.upload-input{cursor:pointer;inset:0;opacity:0;position:absolute}button{padding:1rem 0 2rem}}