:root{--checkbox-press:0.9;--checkbox-hover-hole:0.83;--checkbox-hole-rounding:1;--checkbox-close-ms:80ms;--checkbox-close-curve:cubic-bezier(0.45,0,0.25,1);--checkbox-draw-delay:80ms;--checkbox-draw-ms:100ms;--checkbox-draw-curve:cubic-bezier(0.55,0,0.25,1);--checkbox-trim-ms:100ms;--checkbox-trim-curve:cubic-bezier(0.55,0,0.8,0.4);--checkbox-reopen-delay:100ms;--checkbox-reopen-ms:80ms;--checkbox-reopen-curve:cubic-bezier(0.45,0,0.25,1)}.checkbox{--checkbox-size:16px;--press-squash:var(--checkbox-press);position:relative;display:inline-flex;flex-shrink:0;width:var(--checkbox-size);height:var(--checkbox-size);margin:3px 3px 3px 4px;border-radius:4px}.checkbox:has(input:focus-visible){outline:2px solid var(--select-accent);outline-offset:2px}.checkbox input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.checkbox input:disabled{cursor:default}.checkbox__box{width:100%;height:100%;pointer-events:none;transform-origin:center;transition:transform var(--spring-ms) var(--spring)}.checkbox input:active:not(:disabled)+.checkbox__box{transform:scale(var(--press-squash));transition:transform var(--press-ms) ease-out}.checkbox__fill{fill:var(--control-accent)}.checkbox__hole{fill:#000;transform-box:view-box;transform-origin:8px 8px;transition:transform .15s ease}.checkbox__under{fill:var(--off-tile);transition:fill .15s ease,stroke .15s ease}.checkbox__under--ring{fill:none;stroke:var(--hollow-grey);stroke-width:2}@media (hover:hover){.checkbox:not(.checkbox--clear) input:hover:not(:checked,:disabled)+.checkbox__box .checkbox__hole{transform:scale(var(--checkbox-hover-hole))}:root:not([data-checkbox-hover]) .checkbox input:hover:not(:checked,:disabled)+.checkbox__box .checkbox__under:not(.checkbox__under--ring){fill:var(--control-accent)}:root:not([data-checkbox-hover]) .checkbox input:hover:not(:checked,:disabled)+.checkbox__box .checkbox__under--ring{stroke:var(--control-accent)}:root[data-checkbox-hover=brighter] .checkbox input:hover:not(:checked,:disabled)+.checkbox__box .checkbox__under:not(.checkbox__under--ring){fill:hsl(var(--hsl-b2))}:root[data-checkbox-hover=brighter] .checkbox input:hover:not(:checked,:disabled)+.checkbox__box .checkbox__under--ring{stroke:hsl(var(--hsl-f1))}:root[data-checkbox-hover=edge] .checkbox--clear input:hover:not(:checked,:disabled)+.checkbox__box .checkbox__hole{transform:scale(calc((16 - 12 * (1 - var(--checkbox-hover-hole))) / 18))}}.checkbox__tick{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1}.checkbox input:checked+.checkbox__box .checkbox__tick{stroke-dashoffset:0}.checkbox--ticking .checkbox__tick{animation:checkbox-draw var(--checkbox-draw-ms) var(--checkbox-draw-curve) var(--checkbox-draw-delay) both}@keyframes checkbox-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.checkbox--unticking .checkbox__tick{animation:checkbox-trim-start var(--checkbox-trim-ms) var(--checkbox-trim-curve) both}@keyframes checkbox-trim-start{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1}}@media (prefers-reduced-motion:reduce){.checkbox__tick{animation:none!important}}.checkbox input:disabled+.checkbox__box{opacity:.4}