.input{display:flex;flex-direction:column;font-family:var(--font-sans);gap:var(--spacing-stack-xsm);width:var(--spacing-80)}.input__label{color:var(--color-text-title);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-5)}.input__control{align-items:center;background-color:var(--color-surface-subtle);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-card);display:flex;transition:var(--transition-all)}.input__field{background:transparent;border:none;color:var(--color-text-title);flex:1;font-size:var(--font-size-base);line-height:var(--line-height-6);padding:var(--spacing-2)}.input__field::-moz-placeholder{color:var(--color-text-subtle)}.input__field::placeholder{color:var(--color-text-subtle)}.input__field:focus{outline:none}.input:focus-within .input__control{border-color:var(--color-border-focus);border-width:var(--border-width-interactive-focus)}.input--error .input__control{border-color:var(--color-feedback-error)}.input__error{color:var(--color-feedback-error);font-size:var(--font-size-xs);line-height:var(--line-height-4)}.input.input__disabled{pointer-events:none}.input.input__disabled .input__label{color:var(--color-text-disabled)}.input.input__disabled .input__control{background-color:var(--color-surface-subtle)}.input.input__disabled .input__field{color:var(--color-text-body)}