/* Real checkbox semantics with an independently drawn animated check. */
.optrow .option-check-control{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px}
.optrow .option-check-control input.ck{position:absolute;inset:0;width:44px;height:44px;min-width:44px;margin:0;padding:0;border:0;opacity:0;cursor:pointer;z-index:1;box-shadow:none;transform:none}
.optrow .option-check-control input.ck::before,.optrow .option-check-control input.ck::after{content:none}
.option-check-mark{display:grid;place-items:center;width:24px;height:24px;box-sizing:border-box;border:1.5px solid #cdd5d1;border-radius:50%;background:#fff;pointer-events:none;transition:background-color 120ms linear,border-color 120ms linear}
.option-check-mark svg{display:block;width:20px;height:20px;overflow:visible}
.option-check-mark path{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.option-check-control input:checked+.option-check-mark{background:var(--ds-accent);border-color:var(--ds-accent)}
.option-check-control input:checked+.option-check-mark path{stroke-dashoffset:0;opacity:1}
.option-check-control input:focus-visible+.option-check-mark{outline:3px solid var(--ds-accent-soft);outline-offset:3px}
.option-check-control input:disabled{cursor:not-allowed}
.option-check-control input:disabled+.option-check-mark{opacity:.45}