.ui-input{--input-bg:var(--sc-color-surface,#fff);--input-fg:var(--sc-color-on-surface,#111827);--input-border:var(--sc-color-outline,#d1d5db);--input-radius:6px;--input-label-color:var(--sc-color-on-surface,#111827);--input-label-active:var(--sc-color-primary,#2563eb);--input-placeholder:var(--sc-color-muted,#9ca3af);--input-focus-outline:2px solid var(--sc-color-primary,#2563eb);--input-error:var(--sc-color-error,#ef4444);--input-helper:var(--sc-color-muted,#6b7280);font-family:var(--sc-font-family-sans,inherit);flex-direction:column;gap:.25rem;display:flex}.ui-input__field{align-items:center;gap:.5rem;display:flex}.ui-input__container{flex:1;align-items:center;display:flex;position:relative}.ui-input input,.ui-input textarea{width:100%;color:var(--input-fg);resize:vertical;background:0 0;border:none;outline:none;padding:1rem .75rem .25rem;font-family:inherit}.ui-input input::placeholder,.ui-input textarea::placeholder{color:var(--input-placeholder)}.ui-input input:focus,.ui-input textarea:focus{outline:var(--input-focus-outline);outline-offset:2px}.ui-input label{pointer-events:none;color:var(--input-label-color);transition:all .2s;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.ui-input label.float{color:var(--input-label-active);font-size:.75rem;top:-.6rem}.ui-input__leading,.ui-input__trailing{align-items:center;display:inline-flex}.ui-input__feedback{padding-left:.75rem;font-size:.75rem}.ui-input__helper{color:var(--input-helper)}.ui-input__error{color:var(--input-error)}.ui-input--outlined .ui-input__field{border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg)}.ui-input--filled .ui-input__field{border-bottom:1px solid var(--input-border);background:var(--input-bg)}.ui-input--standard .ui-input__field{border-bottom:1px solid var(--input-border);background:0 0}.ui-input.is-error .ui-input__field{border-color:var(--input-error)}.ui-input.is-disabled{opacity:.5;pointer-events:none}