.ui-input{position:relative;z-index:1;flex-grow:1;width:100%;padding:0 0 2.4rem}.ui-input.has-error{padding-bottom:3.2rem}.ui-input.has-error input,.ui-input.has-error label,.ui-input.has-error span,.ui-input.has-error textarea{border-color:var(--color-red)!important}.ui-input label{position:absolute;top:1.6rem;left:1.6rem;padding-right:.4rem;color:var(--color-grey);background:transparent;transition:all .2s;pointer-events:none}.ui-input input,.ui-input textarea{flex-grow:1;width:100%;border:.1rem solid var(--color-border);border-radius:.4rem;outline:none;transition:all .2s}.ui-input input:focus+label,.ui-input textarea:focus+label{top:.6rem;font-size:1.2rem}.ui-input input{height:5.6rem;padding:0 1.6rem}.ui-input input::placeholder{opacity:0;transition:all .2s}.ui-input input::-moz-placeholder{opacity:0;-moz-transition:all .2s;transition:all .2s}.ui-input input::-webkit-input-placeholder{opacity:0;-webkit-transition:all .2s;transition:all .2s}.ui-input input:focus{padding-top:1.2rem!important}.ui-input input:focus::placeholder{opacity:1;color:var(--color-grey)}.ui-input input:focus::-moz-placeholder{opacity:1;color:var(--color-grey)}.ui-input input:focus::-webkit-input-placeholder{opacity:1;color:var(--color-grey)}.ui-input textarea{height:10.3rem;padding:1.2rem 1.6rem;resize:none}.ui-input textarea:focus{padding-top:2.5rem}.ui-input.is-filled input{padding-top:1.2rem!important}.ui-input.is-filled textarea{padding-top:2.5rem}.ui-input.is-filled label{top:.6rem;font-size:1.2rem}.ui-input--sm input{height:4rem;font-size:1.4rem}.ui-input--sm input:focus+label{top:.2rem}.ui-input--sm label{top:.8rem}.ui-input--sm .ui-input-error{top:4.8rem}.ui-input--sm.is-filled label{top:.2rem}.ui-input--sm.is-filled input{padding-top:1.4rem!important}.ui-input--pass input{padding-right:5.6rem}.ui-input--textarea .ui-input-error{top:11.1rem}.ui-input-toggle{position:absolute;top:1.6rem;right:1.6rem;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem}@media(max-width:59.98rem){.ui-input-toggle:active{opacity:.8}}@media(min-width:60rem){.ui-input-toggle:hover{opacity:.8}}.ui-input-error{position:absolute;top:6.4rem;left:0;font-size:1.4rem;line-height:1.4;color:var(--color-red-400)}.ui-input-counter{text-align:right;color:var(--color-grey);font-size:1.2rem}