.checkbox{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;border-color:rgb(0 0 0/.3);background-color:white;padding:1rem 1.5rem 1rem 1rem;outline-width:4px;outline-color:hsl(204 100% 40%/.25);box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1)}.checkbox[data-checked=true]{border-color:hsl(204 100% 40%)}.checkbox[data-focus-visible]{outline-style:solid}.checkbox:where(.dark,.dark *){border-color:rgb(0 0 0/.3);background-color:white;box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1)}.checkbox:where(.dark,.dark *)[data-checked=true]{border-color:#ebbd37}.check{display:block;border-radius:9999px;background-color:hsl(204 20% 94%);padding:.125rem;font-size:1.125rem;line-height:1.75rem;transition-property:stroke-dashoffset;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border:inherit;stroke-dasharray:15;stroke-dashoffset:15}.check[data-checked=true]{background-color:hsl(204 100% 40%);color:white;stroke-dashoffset:0}.check:where(.dark,.dark *){background-color:#ffffff}.check:where(.dark,.dark *)[data-checked=true]{background-color:#ebbd37}