input:where(:not([type=checkbox],[type=radio])),.coop-text-input{--text-input-padding:0 calc(var(--form-field-size) / 2 - 4px);--text-input-height:calc(var(--form-field-size) + var(--spacing-16));border:2px solid var(--form-field-border);border-radius:var(--ui-border-radius-sm);width:100%;font-size:var(--form-font-size);appearance:none;background-color:var(--form-field-background);outline:0;line-height:1;display:block;position:relative}input:where(:not([type=checkbox],[type=radio]))::placeholder,.coop-text-input::placeholder{transition:opacity .2s ease-out .2s}input:where(:not([type=checkbox],[type=radio])):focus::placeholder,.coop-text-input:focus::placeholder{opacity:0}input:not([type=checkbox],[type=radio]){min-height:var(--text-input-height);padding:var(--text-input-padding)}.coop-text-input--prefix,.coop-text-input--suffix{white-space:nowrap;background-color:var(--color-tint-brown);border-style:solid;border-width:2px;justify-content:center}.coop-text-input--prefix[data-inline],.coop-text-input--suffix[data-inline]{background-color:#0000}.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([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){pointer-events:none;color:var(--form-field-color);background:var(--form-field-background)}.coop-text-input-wrapper:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.coop-text-input-wrapper:has(:focus-visible){--form-field-border:var(--color-black);border-radius:var(--ui-border-radius-sm);background:var(--color-white);transition:none}.coop-text-input-wrapper:has(:focus-visible) input{outline:0}.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}.coop-text-input-wrapper .coop-text-input,.coop-text-input-wrapper .coop-text-input--prefix,.coop-text-input-wrapper .coop-text-input--suffix{padding:var(--text-input-padding);border-color:inherit;align-items:center;transition:border-color .1s ease-out;display:flex}.coop-text-input-wrapper .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-wrapper .coop-text-input--prefix[data-inline]{border-right:0;padding-right:1px}.coop-text-input-wrapper .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-wrapper .coop-text-input--suffix[data-inline]{border-left:0;padding-left:1px}.coop-password-input--wrapper{gap:.75rem;display:flex}.coop-password-input--wrapper button{width:8ch}
