.input-text{--input-text-height:40px;flex-direction:column;row-gap:3px;display:flex}.input-text__caption,.input-text__label{padding:0 3px;display:inline-block}.input-text__caption.invalid,.input-text__label.invalid{color:var(--color-attention)}.input-text__prepend{border-width:1px var(--divider-border-width) 1px 1px;border-style:solid;border-color:var(--color-form-border);border-radius:4px var(--divider-border-radius) var(--divider-border-radius) 4px;flex-grow:0;height:var(--input-text-height)!important}.input-text__wrapper{flex-grow:1;position:relative}.input-text__wrapper input{width:100%}.input-text__prefix{left:12px}.input-text__prefix,.input-text__suffix{position:absolute;top:50%;transform:translateY(-50%)}.input-text__suffix{flex-direction:row;justify-content:center;align-items:center;display:inline-flex;right:12px}.input-text__clear-icon:hover>path{fill:var(--color-primary)}.input-text__textfield{height:var(--input-text-height);background-color:var(--color-background-white);border-style:solid;border-color:var(--color-form-border);border-width:1px 1px 1px var(--divider-border-width);border-radius:var(--divider-border-radius) 4px 4px var(--divider-border-radius);padding:6px 12px}.input-text__textfield:hover{border:1px solid var(--color-primary);background-color:var(--color-primary-thin)}.input-text__textfield:focus{border:2px solid var(--color-primary);outline:none;padding:5px 11px}.input-text__textfield[disabled]{background-color:var(--color-secondary-pale);color:var(--color-text-disabled);pointer-events:none;border-style:dotted}.input-text__textfield[aria-invalid=true]{border:1px solid var(--color-attention)}.input-text__textfield[aria-invalid=true]:hover{border-color:var(--color-attention);background-color:var(--color-attention-thin)}.input-text__textfield[aria-invalid=true]:focus{border:2px solid var(--color-attention);outline:none;padding:5px 11px}