@keyframes app-input-shake-5f4d12ce{0%{transform:translate(0)}15%{transform:translate(-4px)}35%{transform:translate(4px)}55%{transform:translate(-3px)}75%{transform:translate(3px)}90%{transform:translate(-1px)}to{transform:translate(0)}}.app-input[data-v-5f4d12ce]{display:flex;flex-direction:column;gap:4px;width:100%}.app-input__label[data-v-5f4d12ce]{font-family:var(--ds-font-label);font-size:11px;font-weight:600;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-tertiary);transition:color var(--ds-transition-base) ease}.app-input__label--warning[data-v-5f4d12ce]{color:var(--ds-warning, #d9a441)}.app-input__label--error[data-v-5f4d12ce]{color:var(--ds-error)}.app-input__container[data-v-5f4d12ce]{position:relative;display:flex;align-items:center;gap:8px;background-color:var(--ds-surface-container-high);padding:10px 12px 11px;border-radius:var(--ds-radius-sm) var(--ds-radius-sm) 0 0}.app-input__prepend[data-v-5f4d12ce],.app-input__append[data-v-5f4d12ce]{display:flex;align-items:center;flex-shrink:0}.app-input__icon[data-v-5f4d12ce]{color:var(--ds-outline);transition:color var(--ds-transition-base) ease}.app-input__stepper[data-v-5f4d12ce]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:50%;color:var(--ds-on-surface);cursor:pointer;opacity:.7;transition:opacity .15s ease,background-color .15s ease}.app-input__stepper--md[data-v-5f4d12ce]{width:46px;height:46px}.app-input__stepper--sm[data-v-5f4d12ce]{width:26px;height:26px}.app-input__stepper[data-v-5f4d12ce]:hover{background-color:var(--ds-surface-container-highest);opacity:1}.app-input__stepper[data-v-5f4d12ce]:focus-visible{opacity:1;outline:2px solid var(--ds-primary);outline-offset:2px}.app-input__stepper--disabled[data-v-5f4d12ce],.app-input__stepper[aria-disabled=true][data-v-5f4d12ce]{opacity:.4;cursor:not-allowed}.app-input__suffix[data-v-5f4d12ce]{flex-shrink:0;font-family:var(--ds-font-body);font-size:14px;font-weight:400;line-height:22px;color:var(--ds-tertiary);-webkit-user-select:none;user-select:none}.app-input__native[data-v-5f4d12ce]{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:0;font-family:var(--ds-font-body);font-size:14px;font-weight:400;line-height:22px;letter-spacing:.02em;color:var(--ds-on-surface);caret-color:var(--ds-primary)}.app-input__native[data-v-5f4d12ce]::placeholder{color:var(--ds-placeholder);opacity:1}.app-input__native[type=number][data-v-5f4d12ce]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.app-input__native[type=number][data-v-5f4d12ce]::-webkit-outer-spin-button,.app-input__native[type=number][data-v-5f4d12ce]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app-input__native[data-v-5f4d12ce]:-webkit-autofill,.app-input__native[data-v-5f4d12ce]:-webkit-autofill:hover,.app-input__native[data-v-5f4d12ce]:-webkit-autofill:focus{-webkit-text-fill-color:var(--ds-on-surface);-webkit-box-shadow:0 0 0 1000px var(--ds-surface-container-high) inset;transition:background-color 5000s ease-in-out 0s}.app-input--align-center .app-input__native[data-v-5f4d12ce]{text-align:center}.app-input__underline[data-v-5f4d12ce]{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--ds-outline-variant)}.app-input__underline[data-v-5f4d12ce]:after{content:"";position:absolute;bottom:0;left:50%;right:50%;height:2px;background-color:var(--ds-primary);transform:scaleX(0);transform-origin:center;transition:left var(--ds-transition-base) ease,right var(--ds-transition-base) ease,transform var(--ds-transition-base) ease}.app-input__container:focus-within .app-input__underline[data-v-5f4d12ce]:after{left:0;right:0;transform:scaleX(1)}.app-input__container:focus-within .app-input__icon[data-v-5f4d12ce]{color:var(--ds-primary)}.app-input__message[data-v-5f4d12ce]{font-family:var(--ds-font-label);font-size:11px;font-weight:600;line-height:16px;letter-spacing:.06em;color:var(--ds-outline)}.app-input__message--error[data-v-5f4d12ce]{color:var(--ds-error)}.app-input--warning .app-input__underline[data-v-5f4d12ce]{background-color:var(--ds-warning, #d9a441)}.app-input--warning .app-input__underline[data-v-5f4d12ce]:after{background-color:var(--ds-warning, #d9a441)}.app-input--error .app-input__container[data-v-5f4d12ce]{animation:app-input-shake-5f4d12ce var(--ds-transition-slow) ease both}.app-input--error .app-input__underline[data-v-5f4d12ce]{background-color:var(--ds-error)}.app-input--error .app-input__underline[data-v-5f4d12ce]:after{background-color:var(--ds-error)}.app-input--disabled[data-v-5f4d12ce]{opacity:.38;pointer-events:none}.app-input--disabled .app-input__underline[data-v-5f4d12ce]{display:none}.app-input--readonly .app-input__container[data-v-5f4d12ce]{background-color:transparent;padding-left:0;padding-right:0}.app-input--readonly .app-input__underline[data-v-5f4d12ce]{display:none}.app-input--readonly .app-input__native[data-v-5f4d12ce]{cursor:default}