.header{z-index:100;position:fixed;top:0;display:flex;background-color:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:var(--little) solid var(--blue-gray);align-items:center;justify-content:space-between;height:65px;width:100%;box-shadow:0 4px 12px rgba(0,0,0,.25);animation:var(--smooth-load)}.header+*{margin-top:65px;overflow-y:auto;overflow-x:hidden;height:calc(100dvh - 65px);min-height:calc(100dvh - 65px);min-width:100vw}.header+div::-webkit-scrollbar{width:10px}.header+div::-webkit-scrollbar-track{margin:-4px 0;background-color:var(--blue-gray);background-clip:content-box}.header+div::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--light-teal)}.header+div::-webkit-scrollbar-thumb:hover{background-color:var(--dark-teal)}.icon,.logo{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--mid);height:50px;min-height:50px;margin-left:var(--mid);transition:.3s ease;padding:var(--mid)}.logo{width:165px;min-width:165px}.icon{width:50px;min-width:50px}.icon>img,.logo>img{height:100%;width:100%;animation:var(--smooth-load)}.nav-labels{height:100%;display:flex}.nav-labels a{position:relative;height:100%;line-height:65px;padding:0 2rem;text-align:center;font-weight:500;text-decoration:none;color:var(--gray);transition:all .3s ease}.nav-labels a.active{color:var(--dark-gray)}.nav-labels a.active:before{content:"";position:absolute;height:10px;width:10px;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;border-bottom-color:transparent;border:var(--mid) solid transparent;border-bottom:var(--mid) solid var(--blue-gray);animation:showArrow .5s ease}.login-container{margin-right:1rem;display:flex;justify-content:flex-end;align-items:center;width:100px}.account-container{position:relative;margin-right:8px;animation:var(--smooth-load)}.account-container:hover .account-menu{display:flex}.account-container:hover .account-options{background-color:var(--highlight)}.account-options{min-width:150px;padding-right:.5rem;padding-left:1rem;border-radius:8px 8px 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:50px;display:flex;justify-content:flex-end;align-items:center;transition:all .3s ease}.account-container:hover .account-options>span{opacity:1}.account-container:hover .account-options>img{box-shadow:none;scale:.9}.account-options>span{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.5;transition:all .3s ease;font-size:1.15rem;color:var(--dark-gray);font-weight:500}.account-options>img{margin-left:10px;transition:all .3s ease;height:40px;aspect-ratio:1;border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.5)}.account-menu{cursor:pointer;border:3px solid var(--blue-gray);padding:8px 0;display:none;flex-direction:column;border-radius:0 0 8px 8px;position:absolute;box-shadow:0 4px 24px 8px rgba(0,0,0,.15);animation:expand .3s ease}.account-menu,.account-menu>button{width:100%;background-color:var(--light)}.account-menu>button{height:40px;transition:all .3s ease;justify-content:flex-start}.account-menu>button .material-symbols-rounded{margin-right:1rem;margin-left:8px}.log-out .material-symbols-rounded{color:red}.quick-tab{display:none;border:solid var(--little) var(--blue-gray);border-radius:2rem;z-index:2;position:absolute;width:100vw;max-width:1000px;min-height:160px;left:0;right:0;top:61.5px;margin-left:auto;margin-right:auto;background-color:var(--light);box-shadow:0 4px 24px 8px rgba(0,0,0,.15);animation:quickShow .5s ease;padding:2rem 1rem}.options-heading{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-size:1rem;position:relative;bottom:10px;color:var(--gray)}.options{position:relative;display:flex;gap:var(--little);animation:fadeUp 1s ease}.options-divider{text-align:center;width:95%;border-radius:var(--slight);background-color:var(--platinum);height:var(--slight);margin:1rem auto}.options-divider span{-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 auto;font-size:1rem;position:relative;z-index:0;bottom:9px;color:var(--gray);padding:0 1rem}.options-divider>span:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background-color:var(--light);transform:translateY(-50%);z-index:-1}.options a{position:relative;flex-grow:1;font-weight:500;font-size:1.05rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;padding:1rem;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--light);border-radius:var(--mid);background-color:var(--teal);transition:all .3s ease}.options a:hover{opacity:1;border-radius:1rem;background-color:var(--dark-teal)}.options a:active{scale:.95}.options a.selected{border-radius:1rem;background-color:var(--dark-teal)}.options a.locked{opacity:.65;pointer-events:none}.options a[name=paper],.options a[name=unit]{text-decoration:none}.coming-soon{height:calc(160px - 4rem);display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;color:var(--battleship);animation:fadeUp 1s ease}.subjects{display:grid!important;grid-template-columns:repeat(3,auto)}@media (max-width:1000px){.nav-labels>a:first-child{padding:0}.nav-labels>a~a{display:none}}@media (max-width:450px){.account-options>span{max-width:85px}}@keyframes quickShow{0%{opacity:0;top:80px}to{opacity:1;top:61.5px}}@keyframes showArrow{0%{opacity:0;bottom:-10px}to{opacity:1;bottom:0}}@keyframes quickHide{0%{opacity:1;top:61.5px}to{opacity:0;top:80px}}@keyframes fadeUp{0%{opacity:0;top:20px}75%{top:0}to{opacity:1}}@keyframes expand{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.background{position:fixed;inset:0;z-index:-10;width:100vw;min-width:100vw;height:100dvh;min-height:100dvh;background-color:var(--smoke)}