.checkbox{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding-block:10px;cursor:pointer;line-height:1.5}.checkbox>input[type=checkbox]{appearance:none;flex:none;display:grid;place-content:center;width:20px;height:20px;min-height:0;padding:0;font-size:inherit;margin:calc(.75em - 10px) 0 0;border:1.5px solid var(--muted);border-radius:min(var(--control-radius,5px),5px);background:var(--surface);color:var(--on-accent);cursor:inherit}.checkbox>input::before{content:"";width:12px;height:12px;background:currentColor;clip-path:polygon(14% 44%,0 59%,38% 96%,100% 22%,84% 8%,36% 67%);opacity:0}.checkbox>input:checked,.checkbox>input:indeterminate{background:var(--accent);border-color:var(--accent)}.checkbox>input:checked::before,.checkbox>input:indeterminate::before{opacity:1}.checkbox>input:indeterminate::before{clip-path:inset(5px 0 round 1px)}.checkbox:hover>input:not(:disabled){border-color:var(--accent)}.checkbox>input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.checkbox:has(>input:disabled){opacity:.55;cursor:not-allowed}.checkbox>input[aria-invalid=true]{border-style:dashed;border-color:var(--error)}.checkbox>span{min-width:0;overflow-wrap:anywhere}.checkbox small{display:block;color:var(--muted);font-weight:400}.checkbox-group{border:0;padding:0;margin:0;min-width:0}.checkbox-group>legend{padding:0;margin-bottom:8px;font-weight:600}@media(prefers-reduced-motion:no-preference){.checkbox>input{transition:background-color var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease)}.checkbox>input::before{transition:opacity var(--motion-normal) var(--motion-ease)}}@media(forced-colors:active){.checkbox>input[type=checkbox]{appearance:auto}.checkbox>input::before{display:none}}