.ui-input{--input-height:40rem;--vertical-padding:0 12rem;--icon-size:24rem;--border-radius:16rem;display:flex;flex-direction:column;width:100%}.ui-input__area{align-items:center;background:var(--theme-background-heavy);border:1px solid var(--theme-border-color);border-radius:var(--border-radius);display:flex;min-height:var(--input-height);padding:var(--vertical-padding);transition:border-color .2s}.ui-input__append,.ui-input__prepend{align-items:center;display:flex;flex-shrink:0}.ui-input__prepend{margin-right:8rem}.ui-input__append{margin-left:8rem}.ui-input__field-area{align-items:center;display:flex;flex-grow:1;position:relative}.ui-input__field{background:transparent;border:none;color:var(--theme-text-primary);font-size:16rem;line-height:1.5;outline:none;padding:0;width:100%}.ui-input__field::-moz-placeholder{color:var(--theme-text-placeholder)}.ui-input__field::placeholder{color:var(--theme-text-placeholder)}.ui-input__field::-webkit-search-cancel-button{display:none}.ui-input__field::-ms-clear,.ui-input__field::-ms-reveal{visibility:hidden}.ui-input__append-inner{align-items:center;display:flex;margin-left:8rem}.ui-input__icon{color:var(--theme-text-placeholder);cursor:pointer;flex-shrink:0;font-size:var(--icon-size)}.ui-input__icon--clear{color:var(--theme-error)}.ui-input__icon.--search.--mark{color:var(--theme-text-primary)}.ui-input__errors,.ui-input__help{font-size:14rem;line-height:1.5;padding-top:4rem}.ui-input__error-item{color:var(--theme-error);font-size:14rem}.ui-input__help-item{color:var(--theme-text-secondary)}.ui-input.--focused .ui-input__area{border-color:var(--theme-primary)}.ui-input.--disabled{opacity:.6}.ui-input.--with-errors .ui-input__area{border-color:var(--theme-error)}.ui-input.--with-errors .ui-input__field{color:var(--theme-error)}.ui-input .fade-enter-active,.ui-input .fade-leave-active{transition:opacity .1s}.ui-input .fade-enter-from,.ui-input .fade-leave-to{opacity:0}