.app-input{align-items:center;background-color:#edeff2;border:1px solid #edeff2;border-radius:.75rem;color:#191b1e;display:flex;height:3rem;justify-content:space-between;position:relative;transition:border-color .15s ease-in-out;width:100%}.app-input--errors{border-color:#e67676}.app-input:hover:not(.app-input--errors):not(.app-input--disabled):not(.app-input--readonly):not(:focus-within){border-color:#d8dce2}.app-input:focus-within:not(.app-input--errors){border-color:#bac2cd}.app-input__element{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;color:inherit;font-size:1rem;font-weight:600;height:100%;outline:none;padding:0 1rem;width:100%}.app-input__element::-webkit-inner-spin-button,.app-input__element::-webkit-outer-spin-button,.app-input__element:focus,.app-input__element:hover{-moz-appearance:none;appearance:none;-webkit-appearance:none}.app-input__element:hover{outline:none!important}.app-input__element::-moz-placeholder{color:#00000040}.app-input__element::placeholder{color:#00000040}.app-input__prefix,.app-input__suffix{align-items:center;display:flex;height:100%}.app-input__prefix{padding-left:1rem}.app-input__suffix{padding-right:1rem}.app-input__suffix-icon{height:auto;width:1.25rem;stroke:#737a86;cursor:pointer;transition:stroke .15s ease-in-out}.app-input__suffix-icon:hover{stroke:#e0e3e7}.app-input__overlay{background-color:#000;border-radius:.75rem;bottom:-1px;left:-1px;opacity:.25;position:absolute;right:-1px;top:-1px;transition:opacity .15s ease-in-out;z-index:2}.app-input__overlay--readonly{opacity:0}