.app-input[data-v-922496b6]{border-radius:var(--radius);border:1px solid var(--border);width:100%;color:var(--text-2);background-color:#0000;outline:none;transition:border-color .2s;display:block}.app-input--md[data-v-922496b6]{height:3rem;padding:0 1rem;font-size:1rem}.app-input--sm[data-v-922496b6]{height:2.5rem;padding:0 .75rem;font-size:.875rem}.app-input--has-icon.app-input--md[data-v-922496b6]{padding-left:2.5rem}.app-input--has-icon.app-input--sm[data-v-922496b6]{padding-left:2.125rem}.app-input--has-counter.app-input--md[data-v-922496b6]{padding-right:5rem}.app-input--has-counter.app-input--sm[data-v-922496b6]{padding-right:4.25rem}.app-input--has-clear.app-input--md[data-v-922496b6]{padding-right:2.5rem}.app-input--has-clear.app-input--sm[data-v-922496b6]{padding-right:2.125rem}.app-input[data-v-922496b6]::placeholder{color:var(--text-3)}@media (hover:hover){.app-input[data-v-922496b6]:hover{border-color:var(--border-2)}}.app-input[data-v-922496b6]:focus{border-color:var(--primary)}.app-input[data-v-922496b6]:disabled,.app-input[readonly][data-v-922496b6]{opacity:.6;cursor:not-allowed}.app-input-wrap[data-v-922496b6]{width:100%;position:relative}.app-input-wrap__icon[data-v-922496b6]{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.app-input-wrap--sm .app-input-wrap__icon[data-v-922496b6]{left:.625rem}.app-input-wrap__counter[data-v-922496b6]{font-variant-numeric:tabular-nums;color:var(--text-3);pointer-events:none;font-size:.75rem;font-weight:600;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.app-input-wrap__counter.is-muted[data-v-922496b6]{color:var(--text-3)}.app-input-wrap__counter.is-ok[data-v-922496b6]{color:var(--success)}.app-input-wrap__counter.is-warn[data-v-922496b6]{color:var(--warning)}.app-input-wrap__counter.is-danger[data-v-922496b6]{color:var(--danger)}.app-input-wrap--sm .app-input-wrap__counter[data-v-922496b6]{right:.75rem}.app-input-wrap__clear[data-v-922496b6]{color:var(--text-3);cursor:pointer;transition:color .2s,scale .45s var(--ease-press);--ripple:on;--ripple-color:currentColor;--ripple-opacity:.12;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.app-input-wrap__clear[data-v-922496b6]:active:where(:not(:has(:is(button,a,[role=button]):active))){transition-duration:80ms;transition-timing-function:ease-out;scale:.92}@media (prefers-reduced-motion:reduce){.app-input-wrap__clear[data-v-922496b6]:active{scale:none}}.app-input-wrap__clear[data-v-922496b6]:hover{color:var(--text)}.app-input-wrap--sm .app-input-wrap__clear[data-v-922496b6]{right:.625rem}.fade-enter-active[data-v-922496b6]{transition:opacity var(--motion) ease}.fade-leave-active[data-v-922496b6]{transition:opacity var(--motion-leave) ease}.fade-enter-from[data-v-922496b6],.fade-leave-to[data-v-922496b6]{opacity:0}.app-input.is-invalid[data-v-922496b6],.is-invalid .app-input[data-v-922496b6]{border-color:var(--danger)}