.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

See how your data can be turned into reusable reasoning for AI.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Stay in the loop.

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.