.ModeCheckbox-module__S3hp3W__checkbox{--ts-1:.3s;--ts-2:.6s;--size:18px;--tick:var(--accent-ink);--border:#1a274947;--active:var(--accent);pointer-events:none;width:var(--size);height:var(--size);transition:box-shadow var(--ts-1), background var(--ts-1);box-shadow:inset 0 0 0 2px var(--b,var(--border));border-radius:6px;display:inline-block;position:relative}.ModeCheckbox-module__S3hp3W__checkbox svg{fill:none;stroke:var(--active);width:100%;height:100%;stroke-dasharray:var(--a,86.12);stroke-dashoffset:var(--o,86.12);transition:stroke-dasharray var(--ts-2), stroke-dashoffset var(--ts-2);position:absolute;top:0;left:0}.ModeCheckbox-module__S3hp3W__checkbox[data-checked=true]{background:var(--active);--b:var(--active);transition-delay:.4s}.ModeCheckbox-module__S3hp3W__checkbox[data-checked=true] svg{--a:16 86.12;--o:102.22;animation-name:ModeCheckbox-module__S3hp3W__fill;animation-delay:var(--ts-1);animation-timing-function:ease;animation-fill-mode:forwards;animation-duration:var(--ts-2)}@keyframes ModeCheckbox-module__S3hp3W__fill{0%{stroke:var(--active)}to{stroke:var(--tick)}}@media (prefers-reduced-motion:reduce){.ModeCheckbox-module__S3hp3W__checkbox,.ModeCheckbox-module__S3hp3W__checkbox svg{transition:none}.ModeCheckbox-module__S3hp3W__checkbox[data-checked=true] svg{stroke:var(--tick);animation:none}}