.form{max-width:350px;margin:50px auto 0;flex-direction:column}.form,.form__footer{display:flex;gap:20px}.form__footer{justify-content:center;width:100%}.input-root{display:flex;flex-direction:column;gap:.375rem;color:var(--foreground)}.input-root .input-label{width:-moz-fit-content;width:fit-content;cursor:pointer;font-size:.875rem;line-height:1.25rem}.input-root .input-wrapper{display:flex;height:-moz-fit-content;height:fit-content;align-items:center;gap:.375rem;border:1px solid var(--border-color);border-radius:.375rem;padding:0 .375rem;transition:border-color .3s ease}.input-root .input-wrapper:hover{border-color:var(--default-400)}.input-root .input-wrapper .input-field{width:100%;height:2rem;padding:0 .75rem;background:rgba(0,0,0,0);font-size:.875rem;border:none;outline:none;color:var(--foreground)}.input-root .input-wrapper .input-field::placeholder{font-size:.75rem}.input-root .input-wrapper .input-field:focus{border-color:var(--default-400)}.input-root .input-wrapper .input-clear-button{padding:.25rem;border-radius:.25rem;color:var(--foreground-text);opacity:.7;transition:opacity .2s ease}.input-root .input-wrapper .input-clear-button:hover{opacity:1}.input-root .input-wrapper .input-clear-button--invisible{visibility:hidden;opacity:0}.input-root .input-error{color:var(--error-color);font-size:.75rem;margin-top:.25rem}