.sf-input-shell{width:100%;height:var(--space-36);border:var(--border-hairline) solid var(--color-border-default);border-radius:var(--radius-sm);background:0 0;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.sf-input-shell:focus-within{box-shadow:0 0 0 var(--border-hairline) var(--color-border-focus)}.sf-input-shell[data-error=true]{border-color:var(--color-accent-danger);box-shadow:0 0 0 var(--border-hairline) var(--color-accent-danger)}.sf-input-shell:has(.sf-input:disabled){cursor:not-allowed;opacity:.5}.sf-input{width:100%;min-width:0;height:100%;color:var(--color-text-primary);font:var(--text-input-m);padding-inline:var(--space-12);background:0 0;border:0;outline:0}.sf-input:disabled{cursor:not-allowed}.sf-input-shell:has(.sf-input__slot--left) .sf-input{padding-left:var(--space-8)}.sf-input-shell:has(.sf-input__slot--right) .sf-input{padding-right:var(--space-8)}.sf-input::placeholder{color:var(--color-text-muted)}.sf-input-bare{width:100%;min-height:var(--space-32);border:var(--border-hairline) solid transparent;border-radius:var(--radius-sm);background:var(--color-surface-input);color:var(--color-text-secondary);font:var(--text-control);padding:0 var(--space-12);outline:none;transition:background-color .15s,border-color .15s,opacity .15s;display:flex}.sf-input-bare:hover{background:var(--color-state-hover)}.sf-input-bare:focus-visible{background:var(--color-surface-active);border-color:var(--color-border-focus)}.sf-input-bare::placeholder{color:var(--color-text-muted)}.sf-input-bare:disabled{cursor:not-allowed;opacity:.5}.sf-input__slot{color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sf-input__slot--left{padding-left:var(--space-12)}.sf-input__slot--right{padding-right:var(--space-12)}.sf-input__slot>svg{width:var(--icon-small);height:var(--icon-small)}