.input-text{--local-label--color:var(--color-text_default);--local-error--background:var(--color-ux_error);--local-error--color:var(--color-ux_error_contrast);--local-icon--color:var(--color-solids_ctaMain_default);--local-input--background:var(--color-ux_backgrounds_grey_light);--local-input--background-active:var(--color-ux_backgrounds_light10)}.input-text:not(:has(.error)){--local--color:var(--color-text_default);--local--color-placeholder:var(--color-text_secondary)}.input-text:has(.error){--local--color:var(--color-ux_error);--local--color-placeholder:var(--local--color)}.input-text{color:var(--local--color);display:flex;flex-direction:column;row-gap:0}.input-text .label{color:var(--local-label--color);column-gap:0;display:flex;flex-direction:row;font:400 normal 14px/150% var(--font-text),Arial,sans-serif;padding:0 var(--size-s) var(--size-xs);text-transform:uppercase}.input-text .label:has(~.inputWrap .input[required]):after{content:" *"}.input-text .inputWrap{position:relative}.input-text .inputWrap .icon{color:var(--local-icon--color);font-size:var(--size-m);position:absolute;right:var(--size-m);top:50%;transform:translateY(-50%)}.input-text .inputWrap .input-text__clear{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.input-text .input{border:none;box-sizing:border-box;color:inherit;font:400 normal var(--size-s) /150% var(--font-text),Arial,sans-serif;height:2.5rem;outline-offset:0;padding-left:var(--size-s);padding-right:var(--size-s);transition:background var(--timing) var(--easing),border-radius var(--timing) var(--easing),color var(--timing) var(--easing),outline var(--timing) var(--easing);width:100%}.input-text .input:has(+.icon){padding-right:var(--size-xl)}.input-text .input:is(:focus-visible){background:var(--local-input--background-active);border-radius:var(--size-m);outline:1px solid var(--color-black)}.input-text .input:not(:focus-visible){background:var(--local-input--background);border-radius:0;outline:1px solid transparent}.input-text .input::placeholder{color:var(--local--color-placeholder)}.input-text .error{align-items:center;background:var(--local-error--background);color:var(--local-error--color);column-gap:.625rem;display:flex;flex-direction:row;padding:var(--size-s)}.input-text .error .icon{font-size:1.125rem}.input-text .error .text{font:400 normal 14px/150% var(--font-text),Arial,sans-serif}