input,.coop-text-input{border-radius:var(--ui-border-radius-sm);width:100%;color:var(--color-text-default);appearance:none;background:#fff;outline:0;line-height:1;display:block;position:relative}input::placeholder,.coop-text-input::placeholder{transition:opacity .2s ease-out .2s}input:focus::placeholder,.coop-text-input:focus::placeholder{opacity:0}input:disabled,.coop-text-input:disabled{background:var(--color-grey-300)}input:not([type=checkbox],[type=radio]){min-height:var(--text-input-height);padding:var(--text-input-padding)}.coop-text-input,.coop-text-input--prefix,.coop-text-input--suffix{padding:var(--text-input-padding);border-color:inherit;border-style:solid;border-width:2px;align-items:center;transition:border-color .1s ease-out;display:flex}.coop-text-input--prefix,.coop-text-input--suffix{white-space:nowrap;background-color:var(--color-tint-brown);justify-content:center}.coop-text-input--prefix[data-inline],.coop-text-input--suffix[data-inline]{background-color:#0000}.coop-text-input--prefix{border-top-left-radius:var(--ui-border-radius-sm);border-bottom-left-radius:var(--ui-border-radius-sm)}.coop-text-input--prefix[data-inline]{border-right:0;padding-right:0}.coop-text-input--suffix{border-top-right-radius:var(--ui-border-radius-sm);border-bottom-right-radius:var(--ui-border-radius-sm)}.coop-text-input--suffix[data-inline]{border-left:0;padding-left:0}.coop-text-input-wrapper{--text-input-padding:0 calc(var(--form-field-size) / 2 - 4px);--text-input-height:calc(var(--form-field-size) + var(--spacing-16));width:100%;height:var(--text-input-height);border-color:var(--form-field-border);font-size:var(--form-font-size);display:flex}.coop-text-input-wrapper:has(:disabled){border-color:var(--color-grey-500);border-width:0;outline:0}.coop-text-input-wrapper:has([data-fit],[class*=ch-],[class*=w-]){width:fit-content}:is(.coop-text-input-wrapper:has(:disabled) .coop-text-input--prefix,.coop-text-input-wrapper:has(:disabled) .coop-text-input--suffix){color:var(--color-grey-600);background:var(--color-grey-300)}.coop-text-input-wrapper:has(input:focus-visible){border-color:var(--color-black);border-radius:var(--ui-border-radius-sm);background:var(--color-white);outline:2px solid var(--color-focus);outline-offset:3px;transition:none}.coop-text-input-wrapper:has(.coop-text-input--prefix) .coop-text-input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.coop-text-input-wrapper:has(.coop-text-input--suffix) .coop-text-input{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}