.input{flex-direction:column;gap:.5vh;display:flex;position:relative}.input--label{font-size:.75em}.input--input{background-color:#f8f8f8;border-width:0;border-radius:1em;height:2em;padding:.5em 1em;font-size:1em;box-shadow:inset .35em .35em .35em #00000040}.input--input:focus{border-width:0;border-color:#0000}.input--input:invalid:focus{background-color:red}.input--show-password-button{aspect-ratio:1;justify-content:center;align-items:center;height:2em;padding-right:.5vw;display:flex;position:absolute;bottom:0;right:0}.input--show-password-button svg{aspect-ratio:1;height:75%;display:block}.input--disabled{opacity:.5}.input--height{height:2em}
.login{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:2.5vh;display:flex}.login-title{justify-content:center;align-items:center;width:100vw;display:flex}.login-title h1{margin:0}.login-form{box-sizing:border-box;z-index:2;flex-direction:column;gap:2.5vh;width:100%;display:flex}.login-form .button{width:100%}.login-message{text-align:center;width:100%;font-size:1.5em;font-weight:700}.login-dialog{z-index:2}.login .forgot-password-link{color:#000;text-align:center;box-shadow:none;border-radius:1em;padding:0 2.5vw;text-decoration:none;transition:box-shadow 1s ease-in-out}.login .forgot-password-link:hover{box-shadow:.35em .35em .35em #00000040}.login .forgot-password-link:active{box-shadow:inset .35em .35em .35em #00000040}

.opacity{transition:opacity 1s ease-in-out}.opacity-hide{opacity:0}.opacity-semi-transparent{opacity:.5}.opacity-show{opacity:1}.transform{transition:transform 1s ease-in-out}.scale-y-show{transform:scaleY(1)}.scale-y-hide{transform:scaleY(0)}.icon{width:1em;margin-right:.5em}tr:nth-child(0){width:2em}.not-display{display:none}@media screen and (max-width:768px){span{display:none}}
.opacity{transition:opacity 1s ease-in-out}.opacity-hide{opacity:0}.opacity-semi-transparent{opacity:.5}.opacity-show{opacity:1}.transform{transition:transform 1s ease-in-out}.scale-y-show{transform:scaleY(1)}.scale-y-hide{transform:scaleY(0)}.sign-up{flex-direction:column;justify-content:center;align-items:center;gap:1vh;display:flex}.sign-up-form{flex-direction:column;gap:1vh;display:flex}@media screen and (max-width:768px){.sign-up-form{gap:.5vh;width:90vw}.sign-up h1{font-size:1.33em}.sign-up>p{width:90%}.sign-up p{font-size:1em}.sign-up .input--height{height:1.5em}.sign-up table{width:100%}}.sign-up .sub-container{flex-direction:row;gap:1vw;display:flex}@media screen and (max-width:768px){.sign-up .sub-container{flex-direction:column}}.sign-up .button{width:100%}.sign-up-message{text-align:center;width:100%;font-size:1.5em;font-weight:700}.sign-up .description{text-wrap:wrap;min-width:100%}