.task-completion-art{display:none}.task-row[data-completion=success]{pointer-events:none;animation:.76s ease-out both task-done-wash}.task-row[data-completion=success] .task-completion-toggle{opacity:1}.task-row[data-completion=success] .task-completion-original{visibility:hidden}.task-row[data-completion=success] .task-completion-art{place-items:center;display:grid;position:absolute;inset:0}.task-completion-disc{color:#fff;background:#287f63;border-radius:50%;place-items:center;width:30px;height:30px;animation:.52s cubic-bezier(.2,.8,.2,1) both task-done-pop;display:grid;box-shadow:0 3px 10px #287f6333,inset 0 1px #ffffff4d}.task-completion-disc svg{stroke-dasharray:30;stroke-dashoffset:30px;animation:.26s ease-out .13s forwards task-done-check}.task-completion-ring{border:1.5px solid #4aa88a;border-radius:50%;animation:.6s ease-out 60ms both task-done-ring;position:absolute;inset:7px}.task-completion-spark{--angle:0deg;background:#55a68b;border-radius:2px;width:4px;height:6px;animation:.62s cubic-bezier(.15,.65,.3,1) 90ms both task-done-spark;position:absolute;top:calc(50% - 3px);left:calc(50% - 2px)}.task-completion-spark:nth-of-type(2){--angle:60deg;background:#d5ab61}.task-completion-spark:nth-of-type(3){--angle:120deg}.task-completion-spark:nth-of-type(4){--angle:180deg;background:#91c0d4}.task-completion-spark:nth-of-type(5){--angle:240deg;background:#d5ab61}.task-completion-spark:nth-of-type(6){--angle:300deg}.task-row[data-completion=success] .task-completion-title{color:#287f63;-webkit-text-decoration:line-through #287f6366;text-decoration:line-through #287f6366;transition:color .22s}@keyframes task-done-pop{0%{opacity:0;transform:scale(.55)rotate(-12deg)}45%{opacity:1;transform:scale(1.2)rotate(4deg)}72%{transform:scale(.95)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes task-done-check{to{stroke-dashoffset:0}}@keyframes task-done-ring{0%{opacity:.6;transform:scale(.7)}to{opacity:0;transform:scale(2.15)}}@keyframes task-done-spark{0%{transform:rotate(var(--angle)) translateY(-12px) scale(0);opacity:0}20%{opacity:1}65%{opacity:.8}to{transform:rotate(var(--angle)) translateY(-38px) rotate(100deg) scale(.3);opacity:0}}@keyframes task-done-wash{0%{background-color:#0000}30%,65%{background-color:#4aa88a17}to{background-color:#4aa88a09}}@media (prefers-reduced-motion:reduce){.task-row[data-completion=success],.task-completion-disc,.task-completion-disc svg,.task-completion-ring,.task-completion-spark{transition:none;animation:none}}