section#login,section#register{display:flex;flex-direction:column;gap:var(--spacing-medium);background-color:#0003;border-radius:var(--border-radius-large);padding:var(--spacing-medium);width:clamp(320px,100%,500px)}.form-field{position:relative;width:100%}.form-field input{padding:1rem 0;width:100%}.form-field label{position:absolute;left:1rem;top:1rem;transition:all .2s;pointer-events:none}.form-field input:focus+label,.form-field input.filled+label{top:-.75em;left:.75em;font-size:.75em;padding:0 .25em}.icons{cursor:pointer;margin-left:.5em}.input-with-icon{display:flex;align-items:center}.password-requirement-check{color:var(--color-success)}.password-requirement-x{color:var(--color-error)}#authentication{display:flex;justify-content:center;align-items:center;height:100%;width:100%}#password-requirements>ul>li{align-items:center;display:flex}@media screen and (width <= 500px){section{border-radius:0}}.card{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-medium);width:100%}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--nav-background, var(--color-error, red));min-height:var(--nav-height);z-index:1;font-size:x-large;align-items:center;display:flex}.navbar-links{align-items:center;display:flex;gap:1rem;padding-left:1rem;padding-right:1rem;justify-content:space-between;list-style:none;width:100%}.navbar-links li a{color:var(--font-color);font-weight:700;text-decoration:none}.navbar-links li a:hover{text-decoration:underline}main{align-items:center;justify-content:center;display:flex;flex:1;flex-direction:column;padding-top:var(--nav-height)}:root{font-family:sans-serif;line-height:1.5;--font-color: rgb(from light-dark(#212121, #fff) r g b / 87%);color-scheme:light dark;color:var(--font-color);background-color:light-dark(#dbdbdb,#242424);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--nav-height: 3.5rem;--nav-width: 100%;--nav-background: #333;--nav-color: light-dark(#1a1a1a, #f9f9f9);--element-background-color: light-dark(#f9f9f9, #1a1a1a);--element-highlight-color: #646cff;--element-highlight-color-active: light-dark(#535bf2, #474ae8);--spacing-small: .4rem;--spacing-medium: 1.6rem;--spacing-large: 3.2rem;--border-radius-small: 8px;--border-radius-medium: 16px;--border-radius-large: 32px}*{margin:0;padding:0}a{font-weight:500;color:var(--element-highlight-color);text-decoration:inherit}a:hover{color:var(--element-highlight-color-active)}body{display:flex;min-width:320px;min-height:100svh}code{background-color:var(--element-background-color);padding:4px;border-radius:calc(var(--border-radius-small) / 2);font-size:1.1em;color:light-dark(#333,#ccc)}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--element-background-color);border:1px solid transparent;border-radius:var(--border-radius-small);cursor:pointer;font-size:1em;font-weight:500;padding:.6em 1.2em;transition:border-color .25s}button[type=submit]{padding:1rem 2rem}button:hover{border-color:var(--element-highlight-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}form{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-medium);height:100%;justify-content:center;width:100%}ul{list-style:none}#root{display:flex;flex:1;width:100%}