/* Native checkbox semantics with a consistent visual checkmark. */
body input[type=checkbox]{-webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;position:relative;vertical-align:middle;width:17px;height:17px;min-width:17px;min-height:17px;flex-shrink:0;padding:0;margin:0;border:1.5px solid color-mix(in srgb,var(--muted) 62%,var(--panel));border-radius:5px;background:var(--panel);cursor:pointer;box-shadow:0 1px 2px #00000005;transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease,transform 140ms cubic-bezier(.2,.8,.2,1)}
body input[type=checkbox]::after{content:'';display:block;box-sizing:border-box;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;opacity:0;transform:translateY(-1px) rotate(45deg) scale(.45);transition:opacity 100ms ease,transform 180ms cubic-bezier(.16,1,.3,1)}
body input[type=checkbox]:checked,body input[type=checkbox]:indeterminate{background:var(--accent);border-color:var(--accent);box-shadow:0 1px 2px #0000000d}
body input[type=checkbox]:checked::after{opacity:1;transform:translateY(-1px) rotate(45deg) scale(1)}
body input[type=checkbox]:indeterminate::after{width:8px;height:2px;background:#fff;border:0;border-radius:1px;opacity:1;transform:none}
body input[type=checkbox]:focus:not(:focus-visible){outline:none;box-shadow:none}body input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 3px var(--panel)}body input[type=checkbox]:active:not(:disabled){transform:scale(.9)}body input[type=checkbox]:disabled{opacity:.45;cursor:default}
@media(hover:hover){body input[type=checkbox]:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}}
@media(prefers-reduced-motion:reduce){body input[type=checkbox],body input[type=checkbox]::after{transition:none!important}body input[type=checkbox]:active:not(:disabled){transform:none}}
@media(forced-colors:active){body input[type=checkbox]{appearance:auto;-webkit-appearance:auto;forced-color-adjust:auto}body input[type=checkbox]::after{display:none}}