.UiInput{width:100%;position:relative}.UiInput.xs{font-size:var(--size-xs-font-size)}.UiInput.xs input.padded{height:var(--size-xs-height);padding:var(--size-xs-padding-y) var(--size-xs-padding-x)}.UiInput.sm{font-size:var(--size-sm-font-size)}.UiInput.sm input.padded{height:var(--size-sm-height);padding:var(--size-sm-padding-y) var(--size-sm-padding-x)}.UiInput.md{font-size:var(--size-md-font-size)}.UiInput.md input.padded{height:var(--size-md-height);padding:var(--size-md-padding-y) var(--size-md-padding-x)}.UiInput.lg{font-size:var(--size-lg-font-size)}.UiInput.lg input.padded{height:var(--size-lg-height);padding:var(--size-lg-padding-y) var(--size-lg-padding-x)}.UiInput.xl{font-size:var(--size-xl-font-size)}.UiInput.xl input.padded{height:var(--size-xl-height);padding:var(--size-xl-padding-y) var(--size-xl-padding-x)}.UiInput input{border-radius:var(--border-radius);width:100%;color:var(--text-color);font-weight:var(--regular);appearance:none;border:1px solid #0000;padding:0;line-height:1;display:block;position:relative}.UiInput input::placeholder{color:var(--text-secondary)}.UiInput input:is(:disabled,[disabled]){cursor:not-allowed;opacity:.75}.UiInput input:focus{outline:1px solid var(--border-color)}.UiInput input[type=file]::file-selector-button{color:var(--border-color);background-color:#0000;border:0;outline:none;margin-right:12px;padding:0;font-weight:500}.UiInput input.padded.leading{padding-inline-start:32px}.UiInput input.padded.trailing{padding-inline-end:32px}.UiInput input.outline{border-color:var(--border-color);background-color:#0000}.UiInput input.clear{background-color:var(--bg-color)}.UiInput>span{align-items:center;padding-left:4px;padding-right:4px;display:flex;position:absolute;top:0;bottom:0}.UiInput>span .UiIcon{width:24px;height:18px;color:var(--text-secondary);flex-shrink:0}.UiInput .leading__wrapper{left:0}.UiInput .trailing__wrapper{right:0}