.input{border:1px solid var(--color-border);background-color:var(--color-bg-primary);border-radius:3px;height:30px;padding:0 .5rem;transition:background-color .1s,border-color .1s}.input:hover{background-color:var(--color-bg-hover);border-color:var(--color-text-muted)}.input{color:var(--color-text);box-sizing:border-box;width:100%;font-size:.8rem}.input--sm{height:28px;font-size:.75rem}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-accent-bg);outline:none}.input:disabled{opacity:.6;cursor:not-allowed}.input--code{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}.input--ghost{background:0 0;border-color:#0000}.input--ghost:focus{box-shadow:none}.input--auto{field-sizing:content;width:auto;min-width:2ch;height:auto}