.app-input[data-v-d277b2c8]{display:flex;flex-direction:column}.app-input__hint[data-v-d277b2c8]{color:#7a7a7a;font-size:14px;font-weight:600;margin-top:6px}.app-input__row[data-v-d277b2c8]{display:flex;position:relative}.app-input__row[data-v-d277b2c8]:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background-color:#aaa;transform:translate(-50%);transition:width .3s}.app-input__prepend[data-v-d277b2c8]{left:4px;line-height:1;z-index:5}.app-input__append[data-v-d277b2c8],.app-input__prepend[data-v-d277b2c8]{position:absolute;top:50%;transform:translateY(-50%)}.app-input__append[data-v-d277b2c8]{display:flex;right:16px}.app-input__append__clear-btn[data-v-d277b2c8]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:100%;background:#f8f8f8;cursor:pointer}.app-input__append__clear-btn svg[data-v-d277b2c8]{width:20px;height:20px;--current-color:#000}.app-input .form__item__error-text[data-v-d277b2c8]{position:absolute;left:0;top:calc(100% + 10px);color:#ff5858;font-size:.9rem;transition:all .3s}.app-input__field[data-v-d277b2c8]{width:100%;border:1px solid #dbdbdb;position:relative;min-height:44px;padding:0 12px;border-radius:6px}@media(max-width:767px){.app-input__field[data-v-d277b2c8]{font-size:1rem}}.app-input--is-error .app-input__field[data-v-d277b2c8]{border-color:#ff5858}.app-input--is-error .app-input__row[data-v-d277b2c8]:after{background-color:#e53535}.app-input--gray .app-input__field[data-v-d277b2c8]{border-color:#dbdbdb}.app-input--large .app-input__field[data-v-d277b2c8]{height:94px;font-weight:600;font-size:2.2em}.app-input--read-only .app-input__field[data-v-d277b2c8]{cursor:default;background-color:#eee}