.input-field{width:100%;position:relative}.input-field__control{width:100%;font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background-color:var(--snow-container-low);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-lg) var(--space-xs);transition:background-color var(--duration-normal) var(--ease-out-quad), box-shadow var(--duration-normal) var(--ease-out-quad);resize:none;border:none;outline:none;font-weight:400}.input-field__control:focus{background-color:var(--snow-pure);box-shadow:0 0 0 1.5px #00000014, var(--shadow-sm)}.input-field__label{left:var(--space-lg);font-family:var(--font-body);font-size:var(--text-body);color:var(--text-tertiary);pointer-events:none;transition:top var(--duration-normal) var(--ease-out-expo), font-size var(--duration-normal) var(--ease-out-expo), font-weight var(--duration-normal) var(--ease-out-expo), color var(--duration-normal) var(--ease-out-expo);font-weight:400;position:absolute;top:50%;transform:translateY(-50%)}textarea.input-field__control~.input-field__label{top:var(--space-lg);transform:none}.input-field--focused .input-field__label,.input-field--has-value .input-field__label{top:var(--space-xs);font-size:var(--text-overline);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);font-weight:600;transform:none}.input-field--focused textarea.input-field__control~.input-field__label,.input-field--has-value textarea.input-field__control~.input-field__label{top:var(--space-2xs);font-size:var(--text-overline);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);font-weight:600}.input-field__highlight{background-color:var(--onyx);border-radius:var(--radius-pill);width:0;height:2px;transition:width var(--duration-normal) var(--ease-out-expo), left var(--duration-normal) var(--ease-out-expo);position:absolute;bottom:0;left:50%}.input-field--focused .input-field__highlight{width:calc(100% - var(--space-xl) * 2);left:var(--space-xl)}.input-field--error .input-field__control{box-shadow:0 0 0 1.5px #e74c3c4d}.input-field--error .input-field__highlight{background-color:var(--accent-red)}.input-field__error{margin-top:var(--space-xs);padding-left:var(--space-lg);font-family:var(--font-body);font-size:var(--text-caption);color:var(--accent-red);display:block}.input-field__helper{margin-top:var(--space-xs);padding-left:var(--space-lg);font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-tertiary);display:block}.input-field--disabled{opacity:.5;pointer-events:none}textarea.input-field__control{padding-top:var(--space-xl);line-height:var(--leading-relaxed);min-height:120px}