.logo span[data-v-f0725e00]{font-size:1.2rem;font-weight:700}body.light button.page-direct[data-v-f0725e00]{background:var(--pill-col1);color:#fff}button.page-direct[data-v-f0725e00]{background:radial-gradient(circle at 30% 20%,var(--pill-col1),var(--pill-col2));--pill-col1:hsl(var(--base-hue),40%,40%);--pill-col2:hsl(var(--base-hue),80%,20%);filter:brightness(.9);font-weight:700;text-shadow:2px 0 3px rgba(0,0,0,.6);transition:.2s}button.page-direct[data-v-f0725e00]:hover{border-radius:1.8rem;filter:brightness(1.1);scale:1.05;text-decoration:underline}.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{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;text-wrap:nowrap}.nav-bar .left.mobile-only button{background-color:transparent;box-shadow:none;padding:.5rem .7rem;width:-moz-max-content;width:max-content;--bg:hsla(var(--base-hue),40%,45%,50%)}.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;-o-object-fit:contain;object-fit:contain}.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);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.expander-pill.scrolled{background:none}.nav-bar.expander-pill{animation:none;backdrop-filter:none;background:none;position:fixed;width:100%;z-index:10}@media only screen and (max-width:767px){.nav-bar.expander-pill.scrolled{pointer-events:none}.nav-bar.expander-pill.scrolled .left.mobile-only{pointer-events:all}}.nav-bar.expander-pill.scrolled{margin-left:-3rem;padding-inline:3rem 0}.nav-bar.expander-pill.scrolled>.pill.center>:not(.mobile-only){display:flex}.nav-bar.expander-pill.scrolled>.left.desktop-only{translate:var(--calc-translate)}.nav-bar.expander-pill.scrolled>.left.desktop-only span{width:0}.nav-bar.expander-pill.scrolled>.left.desktop-only .logo img{height:60px}.nav-bar.expander-pill.scrolled>.right.desktop-only{position:relative;translate:var(--calc-translate);z-index:1}.nav-bar.expander-pill.scrolled>.right.desktop-only button{background:transparent;border-left:1px solid hsla(0,0%,100%,.533);border-radius:0;box-shadow:none;font-weight:400;padding:0;transition-duration:.8s;width:75px}.nav-bar.expander-pill.scrolled>.right.desktop-only button:hover{font-weight:700}.nav-bar.expander-pill.scrolled>.pill.center{height:4.5rem;margin-top:2rem;padding-inline:88px}.nav-bar.expander-pill.scrolled>.pill.center>.left,.nav-bar.expander-pill.scrolled>.pill.center>.right{animation:expand-show .7s forwards;animation-timing-function:cubic-bezier(.13,.82,.07,.99);overflow-x:hidden;width:0}@media only screen and (max-width:767px){.nav-bar.expander-pill.scrolled>.pill.center>.left,.nav-bar.expander-pill.scrolled>.pill.center>.right{display:none}}.nav-bar.expander-pill.scrolled>.pill.center>.left{--width-to:80px}.nav-bar.expander-pill.scrolled>.pill.center>.right{--width-to:105px}.nav-bar.expander-pill.scrolled .left.mobile-only button{margin-left:.75rem;margin-top:2.2rem;scale:1.2;--bg:hsla(var(--base-hue),50%,60%,30%);backdrop-filter:blur(9px);padding-bottom:.3rem;padding-inline:.6rem}.nav-bar.expander-pill>.left.desktop-only{left:0;position:relative;top:.5rem;transition-duration:.5s;transition-timing-function:var(--ttf-corp);z-index:1}.nav-bar.expander-pill>.left.desktop-only span{overflow:hidden;width:11ch}.nav-bar.expander-pill>.left.desktop-only .logo img{height:80px}.nav-bar.expander-pill>.pill.center{background:radial-gradient(circle at -50% 55%,var(--bg) 75%,var(--bg-inner) 130%);border-radius:1rem;font-variant-caps:all-small-caps;height:3.5rem;margin-top:.7rem;padding:.2rem 1.5rem;--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;box-shadow:0 3px 10px -6px #0004,inset 0 0 9px #fff3;--bg:hsla(var(--base-hue),30%,50%,35%);--lum:.6;backdrop-filter:blur(9px);box-shadow:0 3px 10px -6px #0004,inset 0 0 5px #fff2;transition-duration:.5s;transition-timing-function:var(--ttf-corp);width:-moz-max-content;width:max-content}@media only screen and (max-width:767px){.nav-bar.expander-pill>.pill.center{opacity:0}}.nav-bar.expander-pill>.pill.center>.left,.nav-bar.expander-pill>.pill.center>.right{display:none;margin:0}.nav-bar.expander-pill>.pill.center>.right{margin-left:1rem}.nav-bar.expander-pill>.pill.center a{font-weight:700}.nav-bar.expander-pill>.pill.center>a{border-radius:.5rem;font-size:1.15em;padding:.2rem .5rem;text-wrap:nowrap}.nav-bar.expander-pill>.pill.center>a:hover{background:#fff4;box-shadow:inset 0 0 8px #0002;height:1.6rem;scale:1.05}.nav-bar.expander-pill button{background:hsla(var(--base-hue),90%,40%,60%);box-shadow:0 3px 10px -6px #0008;width:105px}.nav-bar.expander-pill>.right.desktop-only{translate:0 .4rem}@keyframes expand-show{0%{width:0}to{width:var(--width-to,70px)}}
