.component-ui-input{background:var(--color-surface);border:1px solid var(--ui-color-border-bolder);border-radius:var(--ui-border-radius-default);cursor:text;height:var(--ui-input-height-default);overflow:hidden;position:relative}.component-ui-input .com-content{display:flex;height:100%}.component-ui-input .com-content>div{height:100%;position:relative}.component-ui-input .com-content .slot-append,.component-ui-input .com-content .slot-prepend{display:grid;flex:0 0 40px;place-items:center}.component-ui-input .slot-default{width:100%}.component-ui-input input{background:transparent;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:var(--ui-color-header-text);display:block;font-family:var(--ui-font-text);font-size:var(--ui-text-default);height:100%;padding:0 var(--ui-space-mini);width:100%}.component-ui-input.tag-shape-round{border-radius:var(--ui-input-height-large)}.component-ui-input.tag-shape-round-square{border-radius:var(--ui-border-radius-small)}.component-ui-input.tag-shape-square{border-radius:0}.component-ui-input.tag-size-large{height:var(--ui-input-height-large)}.component-ui-input.tag-size-big{height:var(--ui-input-height-big)}.component-ui-input.tag-size-medium{height:var(--ui-input-height-medium)}.component-ui-input.tag-size-small{font-size:var(--ui-text-small);height:var(--ui-input-height-small)}.component-ui-input.tag-size-mini{font-size:var(--ui-text-mini);height:var(--ui-input-height-mini)}.component-ui-input.tag-size-mini .loading-indicator{transform:translate3d(-50%,-50%,0) scale(.6)}.component-ui-input.tag-focus{border-color:transparent;outline:var(--ui-outline)}.component-ui-input.tag-disabled{cursor:not-allowed;opacity:.6}.component-ui-input.tag-disabled input{cursor:not-allowed}.component-ui-input.tag-error{border-color:var(--ui-color-error)}.component-ui-input.tag-error.tag-focus{border-color:transparent}