.checklist{--size-checklist-mark: 24px;--size-checklist-dash: 10px;--size-checklist-line: 2px;--size-checklist-nudge: 4px;--size-checklist-arm-short: 8px;--size-checklist-arm-long: 16px;--size-checklist-dot: 5px;--size-checklist-dot-left: calc((var(--size-checklist-mark) - var(--size-checklist-dot)) / 2);--size-checklist-first-line: calc(var(--font-size-4) * var(--line-height) / 2);--shadow-checklist-burst: 0 -15px 0 0 var(--accent), 14px -8px 0 0 var(--accent), 14px 8px 0 0 var(--accent), 0 15px 0 0 var(--accent), -14px 8px 0 0 var(--accent), -14px -8px 0 0 var(--accent), 0 0 0 -2px var(--accent), 0 0 0 -2px var(--accent);--shadow-checklist-burst-start: 0 0 0 -2px var(--accent), 0 0 0 -2px var(--accent), 0 0 0 -2px var(--accent), 0 0 0 -2px var(--accent), 0 0 0 -2px var(--accent), 0 0 0 -2px var(--accent), 0 0 0 -2px var(--accent), 0 0 0 -2px var(--accent);display:grid;gap:var(--gap-4);margin:0;padding:0;list-style:none;font-size:var(--font-size-4)}.checklist__item{position:relative;display:grid;grid-template-columns:var(--size-checklist-mark) minmax(0,1fr);column-gap:var(--gap-3);align-items:start}.checklist__text{text-decoration-line:line-through;text-decoration-color:transparent;text-decoration-thickness:var(--size-checklist-line);text-decoration-skip-ink:none;transition:color var(--duration-base) var(--easing-standard),transform var(--duration-base) var(--easing-standard),text-decoration-color var(--duration-base) var(--easing-standard)}.checklist__mark{position:relative;width:var(--size-checklist-mark);height:var(--size-checklist-mark);transform:translateY(calc(var(--size-checklist-first-line) - var(--size-checklist-mark) / 2))}.checklist__mark:before,.checklist__mark:after{content:"";position:absolute;top:50%;height:var(--size-checklist-line);border-radius:var(--radius-pill);background-color:var(--accent);transform:rotate(0) scaleX(0);transition:transform var(--duration-fast) var(--easing-standard)}.checklist__mark:before{left:calc(40% - var(--size-checklist-arm-short));width:var(--size-checklist-arm-short);transform-origin:right center}.checklist__mark:after{left:40%;width:var(--size-checklist-arm-long);transform-origin:left center}.checklist__item:before{content:"";position:absolute;left:0;top:0;width:var(--size-checklist-dash);height:var(--size-checklist-line);border-radius:var(--radius-pill);background-color:var(--accent);transform:translate(calc((var(--size-checklist-mark) - 100%) / 2),calc(var(--size-checklist-first-line) - 50%));transition:opacity var(--duration-fast) var(--easing-standard)}.checklist__item:after{content:"";position:absolute;left:var(--size-checklist-dot-left);top:0;width:var(--size-checklist-dot);height:var(--size-checklist-dot);border-radius:var(--radius-full);background-color:transparent;box-shadow:var(--shadow-checklist-burst-start);transform:translateY(calc(var(--size-checklist-first-line) - 50%));opacity:100%;transition:box-shadow var(--duration-slow) var(--easing-standard),opacity var(--duration-fast) var(--easing-standard)}.checklist__item:hover .checklist__text{color:var(--text-muted);text-decoration-color:var(--text-muted);transform:translate(var(--size-checklist-nudge))}.checklist__item:hover .checklist__mark:before,.checklist__item:hover .checklist__mark:after{transition-timing-function:var(--easing-spring)}.checklist__item:hover .checklist__mark:before{transform:rotate(45deg) scaleX(1);transition-delay:.2s}.checklist__item:hover .checklist__mark:after{transform:rotate(-45deg) scaleX(1);transition-delay:.24s}.checklist__item:hover:before{opacity:0%}.checklist__item:hover:after{box-shadow:var(--shadow-checklist-burst);opacity:0%;transition-delay:0s,.3s}@media(prefers-reduced-motion:reduce){.checklist__mark:before,.checklist__mark:after,.checklist__text,.checklist__item:before,.checklist__item:after{transition:none;transition-delay:0s}.checklist__item:hover .checklist__text{transform:none}}