.form-input{position:relative;margin:0 0 1.5rem}.form-input .input-label{color:var(--foregroundColor);opacity:.75;text-align:left;min-height:1rem;font-size:.8rem;margin-left:0;transition:.15s ease-in}.form-input .input-label.focus{color:var(--accentColor);opacity:1}.form-input .input-container{position:relative}.form-input .input-container .input-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 2rem .375rem .25rem;box-sizing:border-box;border:none;background:transparent;border-bottom:2px solid var(--fadedForegroundColor);margin-top:0;color:var(--softForegroundColor);font-size:1.2rem;font-family:inherit;font-weight:300;transition:.15s ease-in}.form-input .input-container .input-control:focus{outline:none;box-shadow:none;border-color:var(--accentColor)}.form-input .input-container .input-control::placeholder{color:var(--fadedForegroundColor);font-size:1.1rem}.form-input .input-container .input-control::-webkit-calendar-picker-indicator{filter:invert(.5)}.form-input .input-container .input-control:disabled{color:var(--fadedForegroundColor)}.form-input .input-container .input-control:hover:disabled{cursor:not-allowed}.form-input .input-container .eye-icon{opacity:.5;cursor:pointer;position:absolute;bottom:.5rem;right:.5rem;width:1.5rem;height:1.5rem}.form-input .input-container .eye-icon.active{transform:scale(1.1)}.form-input .input-container .eye-icon:hover{color:var(--accentColor);opacity:1}.form-input .feedback{color:var(--dangerColor);margin-top:.3rem;font-size:.75rem;display:none}.form-input.input-error .input-label{opacity:1}.form-input.input-error .input-container .input-control{border-color:var(--dangerColor)}.form-input.input-error .feedback{display:block}.form-input .text-help{margin-top:10px;font-size:.8rem;line-height:1rem;opacity:.5}