@layer components{.input{--input-border-radius:4px;border-radius:var(--input-border-radius);height:28px;color:inherit;cursor:text;font-size:.8125rem;font-weight:500;font-family:var(--font-sans);-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #0c0d0e1a;justify-content:center;align-items:center;padding-inline:8px;display:inline-flex}.input--textarea{height:auto;min-height:72px;padding-block:4px;padding-inline:6px;line-height:16px}.input:focus-visible,.input:focus-within{outline-offset:1px;border-color:#0c0d0e33;outline:1px solid #0a0a0a73}input[pattern]:focus:valid{outline-color:#0f8468!important}input[pattern]:focus:invalid{outline-color:#ef4444!important}}