.input{display:flex;width:100%;padding:var(--space-s) var(--space-m);font-size:var(--t-m);line-height:1.5;color:var(--fg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);transition:all var(--transition-fast);outline:none}.input::-moz-placeholder{color:var(--fg-muted)}.input::placeholder{color:var(--fg-muted)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px hsla(from var(--primary) h s l/.1)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--surface-subtle)}.input--sm{padding:var(--space-xs) var(--space-s);font-size:var(--t-s)}.input--lg{padding:var(--space-m) var(--space-l);font-size:var(--t-l)}.input--error,.input--error:focus{border-color:var(--error)}.input--error:focus{box-shadow:0 0 0 3px hsla(from var(--error) h s l/.1)}.input--success{border-color:var(--success)}.input-group{display:flex;gap:var(--space-xs);align-items:stretch}.input-group .input{flex:1}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper__icon{position:absolute;left:var(--space-m);color:var(--fg-muted);pointer-events:none}.input-wrapper__icon svg{width:1.8rem;height:1.8rem}.input-wrapper .input{padding-left:calc(var(--space-m) * 2 + 1.8rem)}.label{display:block;font-size:var(--t-s);font-weight:500;color:var(--fg);margin-bottom:var(--space-xs)}.label--required:after{content:" *";color:var(--error)}.input-helper{display:block;font-size:var(--t-s);color:var(--fg-subtle);margin-top:var(--space-xs)}.input-helper--error{color:var(--error)}.textarea{min-height:10rem;resize:vertical;font-family:inherit}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-with-icon__icon{position:absolute;left:var(--space-m);top:50%;transform:translateY(-50%);color:var(--fg-muted);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1}.input-with-icon__icon svg{width:1.8rem;height:1.8rem}.input-with-icon .input{padding-left:calc(var(--space-m) * 2 + 2rem)}.input-with-icon--right .input-with-icon__icon{left:auto;right:var(--space-m)}.input-with-icon--right .input{padding-left:var(--space-m);padding-right:calc(var(--space-m) * 2 + 2rem)}.input-with-icon--sm .input-with-icon__icon{left:var(--space-s)}.input-with-icon--sm .input-with-icon__icon svg{width:1.6rem;height:1.6rem}.input-with-icon--sm .input{padding-left:calc(var(--space-s) * 2 + 1.6rem)}.input-with-icon--lg .input-with-icon__icon{left:var(--space-l)}.input-with-icon--lg .input-with-icon__icon svg{width:2rem;height:2rem}.input-with-icon--lg .input{padding-left:calc(var(--space-l) * 2 + 2.4rem)}