@layer reset,base;@layer components{.hw-input{min-height:var(--hw-touch);border:1px solid var(--hw-border-control);border-radius:var(--hw-radius-md);background:var(--hw-bg-sunken);transition:border-color var(--hw-motion) var(--hw-ease),box-shadow var(--hw-motion) var(--hw-ease),background var(--hw-motion) var(--hw-ease);align-items:stretch;display:flex}.hw-input:hover{border-color:var(--hw-ink-3)}.hw-input:focus-within{border-color:var(--hw-brand);background:var(--hw-bg-elevated);box-shadow:0 0 0 4px var(--hw-brand-soft),var(--hw-shadow-1)}.hw-field.is-invalid .hw-input{border-color:var(--hw-danger)}.hw-field.is-invalid .hw-input:focus-within{box-shadow:0 0 0 3px var(--hw-danger-soft)}.hw-input.is-disabled{background:var(--hw-bg-muted);color:var(--hw-ink-3)}.hw-input__control{min-inline-size:0;padding-inline:var(--hw-space-4);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1}.hw-input__control:focus-visible{outline:2px solid var(--hw-focus);outline-offset:-2px;border-radius:var(--hw-radius-sm)}.hw-input__control::placeholder{color:var(--hw-ink-3)}.hw-input__prefix{border-inline-end:1px solid var(--hw-line)}.hw-input__prefix,.hw-input__suffix{padding-inline:var(--hw-space-3);color:var(--hw-ink-3);font-size:var(--hw-text-sm);place-items:center;display:grid}.hw-input__suffix{border-inline-start:1px solid var(--hw-line);direction:ltr}}@layer utilities;