.app-input[data-v-5700d02d]{display:flex;flex-direction:column;gap:4px;width:100%}.app-input__label[data-v-5700d02d]{color:var(--text-main);font-family:var(--body-font-family);font-size:var(--small-font-size,12px);font-weight:var(--font-weight-medium,500);line-height:1.5}.app-input__required[data-v-5700d02d]{color:var(--error-main);margin-left:2px}.app-input__wrapper[data-v-5700d02d]{align-items:center;background:var(--surface-3);border:none;border-radius:6px;display:flex;position:relative;transition:background-color .15s ease-out;width:100%}.app-input__wrapper[data-v-5700d02d]:hover{background:var(--surface-4)}.app-input__icon[data-v-5700d02d]{color:var(--text-placeholder);flex-shrink:0}.app-input__icon--left[data-v-5700d02d]{margin-left:8px}.app-input__icon--right[data-v-5700d02d]{margin-right:8px}.app-input__icon--clickable[data-v-5700d02d]{cursor:pointer}.app-input__icon--clickable[data-v-5700d02d]:hover{color:var(--text-main)}.app-input__icon--error[data-v-5700d02d]{color:var(--error-main);margin-right:8px}.app-input__field[data-v-5700d02d]{background:transparent;border:none;border-radius:6px;color:var(--text-main);flex:1;font-family:var(--body-font-family);font-size:var(--body-font-size);letter-spacing:var(--body-letter-spacing);line-height:var(--body-line-height);padding:8px;width:100%}.app-input__field[data-v-5700d02d]:focus{outline:none}.app-input__field[data-v-5700d02d]::-moz-placeholder{color:var(--text-placeholder)}.app-input__field[data-v-5700d02d]::placeholder{color:var(--text-placeholder)}.app-input__field[data-v-5700d02d]:disabled{cursor:not-allowed;opacity:.6}.app-input__field--textarea[data-v-5700d02d]{min-height:80px;resize:vertical}.app-input__toggle[data-v-5700d02d]{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-placeholder);cursor:pointer;display:flex;height:32px;justify-content:center;margin-right:4px;padding:0;transition:color .15s ease,background-color .15s ease;width:32px}.app-input__toggle[data-v-5700d02d]:hover{background:var(--surface-1);color:var(--text-main)}.app-input__toggle[data-v-5700d02d]:focus-visible{outline:2px solid var(--active-main);outline-offset:-2px}.app-input__error[data-v-5700d02d]{color:var(--error-main)}.app-input__error[data-v-5700d02d],.app-input__hint[data-v-5700d02d]{font-size:var(--small-font-size,12px);line-height:1.5}.app-input__count[data-v-5700d02d],.app-input__hint[data-v-5700d02d]{color:var(--text-placeholder)}.app-input__count[data-v-5700d02d]{align-self:flex-end;font-size:var(--font-size-xs,10px)}.app-input__count--limit[data-v-5700d02d]{color:var(--error-main)}.app-input--focused .app-input__wrapper[data-v-5700d02d]{background:var(--surface-4);box-shadow:none}.app-input--focused .app-input__icon[data-v-5700d02d]{color:var(--text-main)}.app-input--error .app-input__wrapper[data-v-5700d02d],.app-input--error.app-input--focused .app-input__wrapper[data-v-5700d02d]{box-shadow:inset 0 0 0 1px var(--error-main)}.app-input--filled .app-input__wrapper[data-v-5700d02d]{background:var(--surface-2);border:none;border-radius:6px;height:32px;padding:0 12px;transition:background-color .15s ease-out}.app-input--filled .app-input__wrapper[data-v-5700d02d]:hover{border:none}.app-input--filled.app-input--focused .app-input__wrapper[data-v-5700d02d]{background:var(--surface-3);border:none;box-shadow:none}.app-input--filled .app-input__icon--left[data-v-5700d02d]{margin-left:0}.app-input--filled .app-input__icon--right[data-v-5700d02d]{margin-right:0}.app-input--filled .app-input__field[data-v-5700d02d]{background:transparent;font-family:var(--small-font-family);font-size:var(--small-font-size);font-weight:var(--small-font-weight);height:100%;letter-spacing:var(--small-letter-spacing);line-height:var(--small-line-height);padding:0 8px}.app-input--disabled .app-input__wrapper[data-v-5700d02d]{background:var(--surface-1);cursor:not-allowed}.app-input--disabled .app-input__wrapper[data-v-5700d02d]:hover{border-color:var(--surface-3)}.app-input--readonly .app-input__wrapper[data-v-5700d02d]{background:var(--surface-1)}@media(prefers-reduced-motion:reduce){.app-input__toggle[data-v-5700d02d],.app-input__wrapper[data-v-5700d02d]{transition:none}}@media(forced-colors:active){.app-input__wrapper[data-v-5700d02d]{border:2px solid CanvasText}.app-input--focused .app-input__wrapper[data-v-5700d02d]{outline:2px solid Highlight}.app-input--error .app-input__wrapper[data-v-5700d02d]{border-color:Mark}}@media print{.app-input__wrapper[data-v-5700d02d]{border:1px solid var(--text-main)}.app-input__toggle[data-v-5700d02d]{display:none}}