.Checkbox { position: absolute; opacity: 0; pointer-events: none; } .Checkbox\ Field { cursor: pointer; display: flex; align-items: center; } .Checkbox\ Field::before { content: ""; width: 18px; height: 18px; border: 2px solid #165158; border-radius: 4px; display: inline-block; margin-right: 8px; background-color: transparent; transition: background-color 0.2s ease; } .Checkbox\ Field.checked::before { background-color: #165158; }

See Intelligible
in action

Thanks for your interest in
Intelligible!
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Stay in the loop.

We’re looking for select partners to pilot Intelligible.

Sign up to get product updates, early access opportunities, and new findings from the field.

Get product updates

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.