.app-input__field{background-color:#fff;border:1px solid #b4b4b4;border-radius:10px;box-sizing:border-box;font-size:14px;height:48px;padding:0 12px;transition:border-color .3s;width:100%}.app-input__field:-webkit-autofill{animation-name:onAutoFillStart;-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}.app-input__field:not(:-webkit-autofill){animation-name:onAutoFillCancel}.app-input__field:-moz-placeholder,.app-input__field:-ms-input-placeholder,.app-input__field::-moz-placeholder,.app-input__field::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}.app-input__field--active:-moz-placeholder,.app-input__field--active:-ms-input-placeholder,.app-input__field--active::-moz-placeholder,.app-input__field--active::-webkit-input-placeholder{opacity:1}.app-input__field--readonly{background-color:#f5f5f8}.app-input__field:focus{border-color:#000;outline:none}.app-input__field--small{height:40px}.app-input_theme-solid .app-input__field{background-color:#f0f1f7!important;border:0}.app-input input[type=date]::-webkit-datetime-edit{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.app-input input[type=date].app-input__field--active::-webkit-datetime-edit{opacity:1}.app-input_disabled{opacity:.8}.app-input_disabled .app-input__field{background-color:#f1f1f4}.app-input_error .app-input__field{border-color:#f44336}.app-input__prepend{left:0}.app-input__append,.app-input__prepend{align-items:center;display:flex;height:100%;padding:0 12px;position:absolute;top:0}.app-input__append{right:0}