.app-input[data-v-c8223d10]{position:relative;width:100%}.app-input__container[data-v-c8223d10]{align-items:center;display:flex;position:relative}.app-input__field[data-v-c8223d10]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background:var(--bg-surface);border:none;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--color-light-gray),var(--shadow-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);height:3.75rem;outline:none;padding:1.5rem var(--space-4) .5rem;transition:box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);width:100%}.app-input__field[data-v-c8223d10]::-moz-placeholder{color:var(--text-muted);opacity:0;-moz-transition:opacity var(--duration-fast) var(--ease-out);transition:opacity var(--duration-fast) var(--ease-out)}.app-input__field[data-v-c8223d10]::placeholder{color:var(--text-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.app-input--filled .app-input__field[data-v-c8223d10]::-moz-placeholder,.app-input--focused .app-input__field[data-v-c8223d10]::-moz-placeholder{opacity:1}.app-input--filled .app-input__field[data-v-c8223d10]::placeholder,.app-input--focused .app-input__field[data-v-c8223d10]::placeholder{opacity:1}.app-input--with-icon .app-input__field[data-v-c8223d10]{padding-left:3rem}.app-input--focused .app-input__field[data-v-c8223d10]{box-shadow:inset 0 0 0 2px var(--color-primary),var(--shadow-md)}.app-input--error .app-input__field[data-v-c8223d10]{box-shadow:inset 0 0 0 2px var(--color-danger),var(--shadow-sm)}.app-input--disabled .app-input__field[data-v-c8223d10]{background:var(--bg-page);color:var(--text-muted);cursor:not-allowed}.app-input--hide-label .app-input__field[data-v-c8223d10]{height:2.75rem;padding:var(--space-2) var(--space-4)}.app-input--hide-label.app-input--with-icon .app-input__field[data-v-c8223d10]{padding-left:2.75rem}.app-input--hide-label .app-input__label[data-v-c8223d10]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.app-input--hide-label .app-input__icon[data-v-c8223d10]{left:var(--space-3)}.app-input__label[data-v-c8223d10]{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;left:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:left top;transition:top var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),font-size var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.app-input--with-icon .app-input__label[data-v-c8223d10]{left:3rem}.app-input__label--floating[data-v-c8223d10]{color:var(--text-secondary);font-weight:500;top:.625rem;transform:translateY(0) scale(.75)}.app-input--focused .app-input__label--floating[data-v-c8223d10]{color:var(--color-primary)}.app-input--error .app-input__label--floating[data-v-c8223d10],.app-input__required[data-v-c8223d10]{color:var(--color-danger)}.app-input__required[data-v-c8223d10]{margin-left:2px}.app-input__icon[data-v-c8223d10]{color:var(--text-muted);height:1.25rem;left:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--duration-fast) var(--ease-out);width:1.25rem}.app-input--focused .app-input__icon[data-v-c8223d10]{color:var(--color-primary)}.app-input--error .app-input__icon[data-v-c8223d10]{color:var(--color-danger)}.app-input__error[data-v-c8223d10],.app-input__hint[data-v-c8223d10]{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-1);line-height:1.4;margin-top:var(--space-2);padding-left:var(--space-1)}.app-input__error[data-v-c8223d10]{color:var(--color-danger);font-weight:500}.app-input__error-icon[data-v-c8223d10]{flex-shrink:0;height:1rem;width:1rem}.app-input__hint[data-v-c8223d10]{color:var(--text-muted)}