:root{--color-neutral-400: oklch(.789063 0 0);--color-accent-600: oklch(.613281 .135937 260);--color-neutral-500: oklch(.726563 0 0);--color-neutral-700: oklch(.523438 0 0)}.form-field{display:flex;flex-direction:column;gap:var(--space-3xs);inline-size:min(var(--form-width, 40ch),100%);label{font-weight:600}}.input:where(input,textarea){appearance:none;background-color:transparent;border:none;border-radius:0;color:currentColor;padding:0}.input:where([data-type=text],textarea){border:1px solid var(--color-neutral-400);border-radius:6px;padding-block:var(--space-2xs);padding-inline:var(--space-xs);outline-offset:-1px;--outline-color: var(--color-accent-600);&[size]{inline-size:fit-content}&:hover{border-color:var(--color-neutral-500)}&::placeholder{opacity:1;color:var(--color-neutral-700)}}textarea.input{tab-size:4;resize:vertical}