.input,.input-textarea,.input-with-suffix{--input-height:var(--size-9);--input-p-x:var(--space-50);--input-p-y:var(--spacing-sm);--input-border-width:var(--system-border-width);--input-font-size:var(--system-font-size);--input-bg:var(--system-bg);--input-border:var(--system-border);--input-fg:var(--system-fg);--input-placeholder:var(--text-placeholder);--input-font-family:var(--system-font);--input-focus-border:var(--system-focus-ring);--input-focus-shadow:inset 0 0 0 1px var(--input-focus-border)}.input{box-sizing:border-box;display:flex;height:var(--input-height);width:100%;border:var(--input-border-width) solid var(--input-border);background:var(--input-bg);padding:var(--input-p-y) var(--input-p-x);font-family:var(--input-font-family);font-size:var(--input-font-size);line-height:var(--system-line-height);color:var(--input-fg);outline:none;transition:border-color var(--system-transition),box-shadow var(--system-transition)}.input::placeholder{color:var(--input-placeholder)}.input:focus-visible{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.input:disabled{cursor:not-allowed;opacity:.5}.input[aria-invalid=true]{border-color:var(--color-destructive)}.input[aria-invalid=true]:focus-visible{border-color:var(--color-destructive);box-shadow:0 0 0 1px var(--color-destructive)}.input[readonly]{border-color:transparent;background:var(--surface-muted);cursor:default}.input[readonly]:focus-visible{border-color:transparent;box-shadow:none}.input-search{position:relative;display:flex;align-items:center;width:100%}.input-search-icon{position:absolute;left:10px;width:16px;height:16px;color:var(--input-placeholder);pointer-events:none}.input--search{--input-p-x:36px}.input-textarea{--input-textarea-min-height:80px;display:flex;min-height:var(--input-textarea-min-height);width:100%;border:var(--input-border-width) solid var(--input-border);background:var(--input-bg);padding:var(--input-p-y) var(--input-p-x);font-family:var(--input-font-family);font-size:var(--input-font-size);line-height:var(--system-line-height);color:var(--input-fg);outline:none;transition:border-color var(--system-transition),box-shadow var(--system-transition);resize:none}.input-textarea::placeholder{color:var(--input-placeholder)}.input-textarea:focus-visible{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.input-textarea:disabled{cursor:not-allowed;opacity:.5}.input-with-suffix{display:flex;height:var(--input-height);width:100%;border:var(--input-border-width) solid var(--input-border);background:var(--input-bg);transition:border-color var(--system-transition),box-shadow var(--system-transition)}.input-with-suffix:focus-within{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.input-with-suffix:has(:disabled){cursor:not-allowed;opacity:.5}.input-with-suffix:has([aria-invalid=true]){border-color:var(--color-destructive)}.input-with-suffix:has([aria-invalid=true]):focus-within{border-color:var(--color-destructive);box-shadow:0 0 0 1px var(--color-destructive)}.input-with-suffix input{flex:1;min-width:0;background:transparent;padding:var(--input-p-y) var(--input-p-x);font-family:var(--input-font-family);font-size:var(--input-font-size);color:var(--input-fg);outline:none}.input-with-suffix input::placeholder{color:var(--input-placeholder)}.input-with-suffix input:disabled{cursor:not-allowed}.input-with-suffix-label{display:flex;align-items:center;padding:0 var(--input-p-x);font-family:var(--input-font-family);font-size:var(--input-font-size);color:var(--system-muted-fg);background:var(--surface-muted);border-left:var(--input-border-width) solid var(--input-border)}.input-field{--input-field-gap:var(--space-30);display:flex;flex-direction:column;gap:var(--input-field-gap);width:100%}.input-field-error{color:var(--color-destructive)}.input-field-error,.input-field-helper{font-family:var(--input-font-family);font-size:var(--font-size-xs);line-height:var(--system-line-height)}.input-field-helper{color:var(--system-muted-fg)}.input-field-required{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}