.nc-input{box-sizing:border-box;background:var(--bg-2);border:1px solid var(--border-control);width:100%;color:var(--fg);border-radius:0;align-items:center;transition:border-color .12s,box-shadow .12s;display:inline-flex}.nc-input:focus-within{border-color:var(--cloud-blue);box-shadow:inset 0 0 0 1px var(--cloud-blue)}.nc-input--invalid{border-color:var(--state-error)}.nc-input--invalid:focus-within{border-color:var(--state-error);box-shadow:inset 0 0 0 1px var(--state-error)}.nc-input--disabled{opacity:.5}.nc-input__control{-webkit-appearance:none;appearance:none;width:100%;min-width:0;color:inherit;font-family:var(--ff-mono);background:0 0;border:0;outline:none;flex:1;font-size:13px;line-height:1.4}.nc-input__control::placeholder{color:var(--fg-dim)}.nc-input__control:disabled{cursor:not-allowed}.nc-input__affix{color:var(--fg-dim);flex:none;align-items:center;display:inline-flex}.nc-input--sm{height:28px;padding:0 var(--s-2)}.nc-input--sm .nc-input__affix--prefix{margin-right:var(--s-2)}.nc-input--sm .nc-input__affix--suffix{margin-left:var(--s-2)}.nc-input--md{height:34px;padding:0 var(--s-3)}.nc-input--md .nc-input__affix--prefix{margin-right:var(--s-2)}.nc-input--md .nc-input__affix--suffix{margin-left:var(--s-2)}.nc-input--lg{height:42px;padding:0 var(--s-4);font-size:14px}.nc-input--lg .nc-input__control{font-size:14px}.nc-input--lg .nc-input__affix--prefix{margin-right:var(--s-3)}.nc-input--lg .nc-input__affix--suffix{margin-left:var(--s-3)}