.form-field{flex-direction:column;margin-bottom:0;display:flex}.form-field label{color:var(--text-primary);letter-spacing:.01em;margin-bottom:.6rem;font-size:.85rem;font-weight:600;display:block}.form-field input{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#ffffffb3;border:1.5px solid #0000001a;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-field input::placeholder{color:#0000004d}.form-field input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #397c091a}.form-field input:hover:not(:focus){border-color:#0003}.form-field input[type=number]{-moz-appearance:textfield}.form-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-field p.error{color:var(--text-danger);margin-top:.5rem;padding-left:.25rem;font-size:.9rem}.form-field p.footnote{margin-top:.2rem;font-size:.9rem}.form-field .password-toggle{color:#666;cursor:pointer;alignItems:center;justifyContent:center;background:0 0;border:none;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}
