.nav-bar,.nav-bar-padder.scrolled{height:var(--nav-bar-height);padding:1rem}.nav-bar-padder{height:0;padding:0}.nav-bar-padder,.nav-bar-padder.scrolled{box-sizing:border-box;transition:none}body.light .nav-bar{background:#fff;border-bottom:8px solid transparent;color:#000}body.light .nav-bar.scrolled{background:hsla(var(--base-hue),80%,95%,60%);border-bottom:none}body.light .nav-bar a{color:#000}body.light .nav-bar a:hover{color:hsl(var(--base-hue),100%,35%)}body.light .nav-bar .left.mobile-only button g{fill:#000}.nav-bar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-sizing:border-box;transition:.2s}.nav-bar.scrolled{animation:slide-down .4s forwards;animation-timing-function:var(--default-animation-timing-function);background:#0007;position:fixed;width:100%;z-index:10}.nav-bar .left{max-width:50%}.nav-bar .left.desktop-only{margin-left:2rem}.nav-bar .left.mobile-only button{background-color:transparent;box-shadow:none}.nav-bar .left.mobile-only button g{fill:#fff}.nav-bar .left a{color:#fff;font-weight:700}.nav-bar .left a:hover{color:hsl(var(--base-hue),90%,70%)}.nav-bar .left img{height:35px}.nav-bar a{color:#fff}.nav-bar a[href=login] button{filter:saturate(0)}.nav-bar a[href=Dashboard]>div{border-radius:.9rem;font-weight:700;padding:.5rem;text-shadow:0 2px 3px #000;--highlight:hsl(var(--base-hue),70%,70%);border:4px solid var(--highlight);font-size:1.4rem;scale:.92}.nav-bar a[href=Dashboard]>div,.nav-bar a[href=Dashboard]>div *{transition:.2s;transition-timing-function:var(--default-animation-timing-function)}.nav-bar a[href=Dashboard]>div svg{--size:1.6rem;filter:drop-shadow(0 4px 3px rgba(0,0,0,.5333333333))}.nav-bar a[href=Dashboard]>div svg path{fill:#fffa}.nav-bar a[href=Dashboard]>div:hover{--highlight:hsl(var(--base-hue),85%,80%);background-color:var(--highlight);border-radius:3rem;color:#333;scale:.94;text-shadow:none}.nav-bar a[href=Dashboard]>div:hover svg{--size:2rem}.nav-bar a[href=Dashboard]>div:hover svg path{fill:#0007}.nav-bar .right.admin-pic{border-radius:1rem;cursor:pointer;padding:.5rem;position:relative}.nav-bar .right.admin-pic:hover{background-color:#0001}.nav-bar .right.admin-pic>span{font-size:1.25rem;font-weight:700;letter-spacing:.01rem}.nav-bar .right.admin-pic>img{border-radius:50%;height:2.5rem;-o-object-fit:cover;object-fit:cover;width:2.5rem}.nav-bar .right>a button{font-weight:700}.nav-bar .user-info{position:relative;--size:3rem}.nav-bar .user-info>button{background:#333;border-radius:50%;height:var(--size);width:var(--size)}.nav-bar .user-info .info-dashboard{animation:fade-up .3s forwards;animation-timing-function:var(--default-animation-timing-function);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(var(--base-hue),40%,50%,45%);border-radius:1rem;padding:1rem;position:absolute;right:0;top:calc(var(--size) + 15px);width:clamp(275px,30vw,600px);--fade-up-to:calc(var(--size) + 15px);--fade-up-from:var(--size)}.nav-bar .user-info .info-dashboard>*{width:100%}.nav-bar .user-info .info-dashboard .semi-pill{align-items:stretch;gap:4px}.nav-bar .user-info .info-dashboard .semi-pill *{font-weight:700}.nav-bar .user-info .info-dashboard .semi-pill button{border-radius:0}.nav-bar .user-info .info-dashboard .semi-pill a button{border-bottom-left-radius:50px;border-top-left-radius:50px;padding:1rem}.nav-bar .user-info .info-dashboard .semi-pill>button{border-bottom-right-radius:50px;border-top-right-radius:50px}div.page-pop-up .account-pop-up{animation:fade-up .25s forwards;opacity:0;position:absolute;--fade-up-from: calc(100% + 2rem) ;--fade-up-to:100%;background:hsla(var(--base-hue),100%,90%,70%);border-radius:1rem;border-top-right-radius:0;margin-right:1rem;margin-top:.7rem;padding:1rem;width:-moz-max-content;width:max-content}div.page-pop-up .account-pop-up button{background:hsl(var(--base-hue),100%,85%);color:#000;font-weight:700}div.page-pop-up .account-pop-up button:hover{border:transparent;scale:1.1}body.light .nav-bar.dear{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border-bottom:none}body.light .nav-bar.dear.always-dark,body.light .nav-bar.dear.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}body.light .nav-bar.dear a{color:#fff}body.light .nav-bar.dear a:hover{font-weight:700;scale:.98}.nav-bar.dear{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;opacity:var(--scroll-from-opacity);position:fixed;width:100%;z-index:100}.nav-bar.dear>.center,.nav-bar.dear>.left,.nav-bar.dear>.right{opacity:var(--scroll-from-opacity,1);pointer-events:var(--pointer-events-from,all)}.nav-bar.dear>.right.mobile-only{padding:1rem}.nav-bar.dear svg{--lighter:#fff}.nav-bar.dear.scrolled{animation:none;opacity:var(--scroll-to-opacity)}.nav-bar.dear.scrolled .center,.nav-bar.dear.scrolled>.left,.nav-bar.dear.scrolled>.right{opacity:var(--scroll-to-opacity,0);pointer-events:var(--pointer-events-to,none)}.nav-bar.dear.scrolled>.pill.center>:not(.mobile-only){display:flex}.nav-bar.dear.scrolled>.center{height:4.5rem}.nav-bar.dear.scrolled>.center>.left,.nav-bar.dear.scrolled>.center>.right{animation:expand-show .2s forwards;animation-timing-function:cubic-bezier(.51,.42,.55,1.27)}.nav-bar.dear.scrolled>.center>.left{--width-to:80px}.nav-bar.dear.scrolled>.center>.right{--width-to:105px}.nav-bar.dear>.center{border-radius:1rem;font-variant-caps:all-small-caps;height:3.5rem;margin-top:.7rem;padding:.2rem 1.5rem}.nav-bar.dear>.center>.left,.nav-bar.dear>.center>.right{display:none;margin:0}.nav-bar.dear>.center>.right{margin-left:1rem}.nav-bar.dear>.center a{font-weight:700}.nav-bar.dear>.center>a{border-radius:.5rem;font-size:1.15em;padding:.2rem .5rem}.nav-bar.dear>.center img{height:calc(var(--nav-bar-height) - 2rem);margin-top:-1rem;width:unset}.nav-bar.dear>.center>strong{color:#fff;font-family:Playfair Display;font-size:1.4rem;margin-top:-1rem}.nav-bar.dear button{background:radial-gradient(circle at -50% 55%,var(--bg) 75%,var(--bg-inner) 130%);--bg:hsl(var(--base-hue),100%,35%);--bg-inner:color(from var(--bg) xyz calc(x + var(--lum)) calc(y + var(--lum)) calc(z + var(--lum)));--lum:.2;background:radial-gradient(circle at 0 -25%,var(--bg) 75%,var(--bg-inner) 170%);box-shadow:0 3px 10px -6px #0004,inset 0 0 9px #fff3;--lum:.5;box-shadow:0 3px 10px -6px #0008;--bg:hsla(var(--base-hue),90%,40%,60%);width:105px}.nav-bg.dear,body.light .nav-bg.dear{background:none}.nav-bg.dear.always-dark,.nav-bg.dear.scrolled,body.light .nav-bg.dear.always-dark,body.light .nav-bg.dear.scrolled{background:#0008}.nav-bg.dear.base-hue,.nav-bg.dear.scrolled.base-hue,body.light .nav-bg.dear.base-hue,body.light .nav-bg.dear.scrolled.base-hue{background:hsla(var(--base-hue),100%,15%)}@keyframes expand-show{0%{width:0}to{width:var(--width-to,70px)}}.page-pop-up .nav a{color:#fff}.logo img[data-v-2f9dfd50]{width:80px}body.light .footer{background:var(--footer-col);border:1px solid hsla(var(--hue),100%,50%,10%);color:hsl(var(--hue),100%,15%);color:#fff}body.light .footer span.notice{color:#ddd}body.light .footer a{color:#dedfff;text-decoration:underline}body.light .footer .external-list a{color:hsl(var(--base-hue),100%,80%)}.footer{background:#000;border-radius:.5rem;box-sizing:border-box;color:#fff;padding:2rem;width:100%}.footer span.notice{color:#aaa}.footer .top{width:100%}.footer .external-list>span{font-weight:700}.footer .external-list a{color:hsl(var(--base-hue),70%,60%)}.footer .external-list a:hover{color:hsl(var(--base-hue),100%,80%)}.footer .logo img,body .home .logo img{height:50px;width:unset}