@charset "utf-8";

input[type="checkbox"].checkbox { --color: #1773ff; appearance: none; width: 1.5rem; height: 1.5rem; position: relative; }

input[type="checkbox"].checkbox::after { content: ""; position: absolute; inset: 0px; color: rgba(255, 255, 255, 0); background-color: white; border-radius: 3px; box-shadow: white 0px 0px 0px 2px inset; font-size: 0rem; font-weight: bolder; line-height: 2rem; text-align: center; transition: background-color 350ms, color 350ms 250ms, font-size 350ms 250ms; }

input[type="checkbox"].checkbox:checked::after { content: "✔"; color: var(--color); background-color: white; font-size: 22px; left: 0px !important; }