.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:100%}.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;gap:1rem;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:flex}.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-assi{flex-direction:column;gap:.8em;height:40%;margin-bottom:1em;overflow:auto;padding:1em .75em;width:90%}.assignment,.handle-assi{align-items:center;display:flex}.assignment{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);min-height:90px;overflow-x:scroll;overflow-y:hidden;padding:.75rem 1rem;position:relative;width:100%}.assignment .key{cursor:pointer;position:absolute;right:0;top:.8rem}.assignment .key path{fill:var(--color-line)}.assignment:hover .key path{fill:var(--color-font-light)}.assignment .key:hover path{fill:var(--color-primary)}.assignment-header{bottom:0;margin-block:.5rem;width:100%}.assignment-name{display:flex;flex-direction:row;line-height:1rem}.assignment-name>span:first-of-type{color:var(--color-font-light);font-size:var(--font-size-p)}.assignment-name>span:last-of-type{color:var(--color-font);cursor:pointer;display:block;font-size:var(--font-size-p);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment .info{color:var(--color-font-light);font-size:var(--font-size-small)}.assignment-footer{align-items:center;display:flex;flex-direction:column;gap:.5rem}.assignment-footer-top{align-items:center;color:var(--color-font-light);display:flex;flex-direction:row;font-size:var(--font-size-small);gap:.5rem}.assignment>svg{margin-right:1rem}.assignment-footer-top svg path{stroke:var(--color-font-light)}.assignment-footer-top span{color:var(--color-font-light)}.handle-tags{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.8em;justify-content:center;margin-top:2em;max-height:300px;min-height:20%;overflow-y:scroll;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}.assi-menu,.files-menu,.pag-menu{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;width:100%}.files-menu select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--color-line);color:var(--color-font)}.assi-menu button,.assi-new button,.assignment-footer button,.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}.assi-menu button,.assi-new button,.assignment-footer button,.pag-menu button{--color-button:var(--color-primary);border:1px solid var(--color-line);color:var(--color-button);transition:.3s}.assi-menu button:hover,.assi-new button:hover,.assignment-footer button:hover,.pag-menu button:hover{border:1px solid var(--color-button)}.assignment-footer button{background:transparent;font-size:.8rem;height:30px;line-height:normal;padding:0 1em;width:100px}.assi-menu button.disabled{color:var(--color-line);cursor:not-allowed}.assi-menu button.disabled,.assi-menu button.disabled:hover{border:1px solid var(--color-line)}.assignment-buttons{display:flex;flex-direction:row;gap:.5rem}.assignment-buttons button:last-of-type{--color-button:var(--color-alert)}.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}.assi-new{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:70%}.assi-new-line>button:first-of-type{--color-button:var(--color-alert)}.assi-new-line{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.assi-new-line:last-of-type{justify-content:space-around;padding:1rem}.assi-new-header{display:flex;flex-direction:column;justify-content:flex-start}.assi-new-header h1{color:var(--color-font);font-size:var(--font-size-p)}.assi-new-header span{color:var(--color-font-light);font-size:var(--font-size-small)}.assi-new-line input[type=password],.assi-new-line input[type=text],.assi-new-line textarea{background-color:transparent;border:1px solid var(--color-line);color:var(--color-font);outline:none;padding:.5rem 1rem;width:50%}.assi-new-line textarea{height:100px;resize:none}.date-field{position:relative}.date-field input[type=date]::-webkit-calendar-picker-indicator,.date-field input[type=date]::-webkit-clear-button,.date-field input[type=date]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;display:none}.date-field input[type=date]{background-color:transparent;border:1px solid var(--color-line);color:var(--color-font);outline:none;padding:.5rem 3rem .5rem 1rem}.date-field svg{cursor:pointer;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.date-field svg:hover path{stroke:var(--color-primary)}#getKey{bottom:5%;left:50%;position:absolute;transform:translateX(-50%)}@media only screen and (min-width:820px){.page{height:100%;max-width:1000px;width:70%}.tabs{overflow-x:hidden}.assi-menu,.files-menu,.pag-menu{flex-direction:row;gap:2em;width:70%}.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}.assignment{align-items:center;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);display:flex;min-height:90px;overflow-x:hidden;overflow-y:hidden;padding:.75rem 1rem;position:relative;width:100%}}