.ui-input{--input-surface:var(--theme-background);--input-height:48rem;--input-radius:12rem;--input-pad-x:12rem;--icon-size:22rem;display:flex;flex-direction:column;gap:4rem;min-width:0}.ui-input.--dense{--input-height:40rem;--icon-size:20rem;--input-radius:10rem}.ui-input__area{align-items:center;border-radius:var(--input-radius);cursor:text;display:flex;gap:8rem;min-height:var(--input-height);padding:0 var(--input-pad-x);position:relative;transition:border-color .2s,background .2s,box-shadow .2s}.ui-input__leading,.ui-input__trailing{align-items:center;display:flex;flex-shrink:0}.ui-input__field-wrap{align-items:center;display:flex;flex:1 1 auto;min-width:0;position:relative}.ui-input__field{background:transparent;border:none;color:var(--theme-text-primary);flex:1 1 auto;font-size:16rem;line-height:1.4;min-width:0;outline:none;padding:0;text-overflow:ellipsis}.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.--dense .ui-input__field{font-size:14rem}.ui-input__label{color:var(--theme-text-placeholder);font-size:16rem;left:0;line-height:1;max-width:100%;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transform-origin:left center;transition:transform .16s ease,color .16s ease,font-size .16s ease;white-space:nowrap}.ui-input.--floated .ui-input__label{color:var(--theme-text-muted);font-size:12rem}.ui-input.--focused .ui-input__label{color:var(--theme-accent)}.ui-input.--with-errors .ui-input__label{color:var(--theme-error)}.ui-input__icon{color:var(--theme-text-muted);flex-shrink:0;font-size:var(--icon-size)}.ui-input__icon--clear{color:var(--theme-error);cursor:pointer}.ui-input__icon--action{cursor:pointer}.ui-input__icon--action:hover{color:var(--theme-text-primary)}.ui-input__footer{align-items:flex-start;display:flex;font-size:12rem;gap:8rem;justify-content:space-between;line-height:1.4;padding:0 var(--input-pad-x)}.ui-input__support{color:var(--theme-text-secondary)}.ui-input__support--error{color:var(--theme-error)}.ui-input__counter{color:var(--theme-text-muted);flex-shrink:0;font-variant-numeric:tabular-nums;margin-left:auto}.ui-input.--variant-outlined .ui-input__area{background:transparent;border:1rem solid var(--theme-border)}.ui-input.--variant-outlined:hover:not(.--disabled,.--focused) .ui-input__area{border-color:var(--theme-border-hover)}.ui-input.--variant-outlined.--focused .ui-input__area{border-color:var(--theme-accent);box-shadow:inset 0 0 0 1rem var(--theme-accent)}.ui-input.--variant-outlined.--with-errors .ui-input__area{border-color:var(--theme-error)}.ui-input.--variant-outlined.--with-errors.--focused .ui-input__area{box-shadow:inset 0 0 0 1rem var(--theme-error)}.ui-input.--variant-outlined.--with-label.--floated .ui-input__label{background:var(--input-surface);margin-left:-4rem;padding:0 4rem;top:0;transform:translateY(-50%) scale(1)}.ui-input.--variant-filled .ui-input__area{background:var(--theme-background-heavy);border:none}.ui-input.--variant-filled:hover:not(.--disabled,.--focused) .ui-input__area{background:var(--theme-surface-hover)}.ui-input.--variant-filled.--focused .ui-input__area{box-shadow:inset 0 0 0 1rem var(--theme-accent)}.ui-input.--variant-filled.--with-errors .ui-input__area,.ui-input.--variant-filled.--with-errors.--focused .ui-input__area{box-shadow:inset 0 0 0 1rem var(--theme-error)}.ui-input.--variant-filled.--with-label .ui-input__area{padding-top:14rem}.ui-input.--variant-filled.--with-label.--floated .ui-input__label{top:8rem;transform:translateY(0) scale(1)}.ui-input.--disabled{opacity:.55;pointer-events:none}.ui-input.--readonly .ui-input__area{border-style:dashed}.ui-input.--readonly .ui-input__field{color:var(--theme-text-secondary)}.ui-input.--with-errors .ui-input__field{caret-color:var(--theme-error)}.ui-input .fade-enter-active,.ui-input .fade-leave-active{transition:opacity .12s}.ui-input .fade-enter-from,.ui-input .fade-leave-to{opacity:0}