:root{--hue:223;--sat:10%;--bg:hsl(var(--hue),var(--sat),90%);--fg:hsl(var(--hue),var(--sat),10%);--primary:hsl(var(--hue),90%,50%);--green:#0ac266;--red:#f20d0d;--purple:#993df5;--white:#fff;--light-gray1:hsl(var(--hue),var(--sat),85%);--light-gray2:hsl(var(--hue),var(--sat),65%);--dark-gray1:hsl(var(--hue),var(--sat),35%);--dark-gray2:hsl(var(--hue),var(--sat),15%);--check-bubble:var(--light-gray1);--check-outline:var(--light-gray2);--trans-dur:.3s}.check{pointer-events:none;width:7.5em;height:auto;overflow:visible}.check circle,.check polygon{transition:fill var(--trans-dur),stroke var(--trans-dur)}.check__move-fade,.check__scale-in,.check__scale-out,.check__stroke-offset{animation-duration:1s;animation-timing-function:cubic-bezier(.37,0,.63,1);animation-fill-mode:forwards}.check__fade{transition:opacity var(--trans-dur)}.check__move-fade{animation-timing-function:cubic-bezier(.61,1,.88,1)}.field{margin:auto;display:flex;position:relative}.field,.field__checkbox{-webkit-tap-highlight-color:transparent}.field__checkbox{appearance:none;opacity:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.field__checkbox:focus-visible+.field__label .check__scale-out{stroke:var(--primary)}.field__label{cursor:pointer;align-items:center;gap:.5em;display:flex}.field__checkbox:checked+.field__label .check__fade{opacity:1;transition-duration:0s}.field__checkbox:checked+.field__label .check__move-fade--1{animation-name:move-fade1}.field__checkbox:checked+.field__label .check__move-fade--2{animation-name:move-fade2}.field__checkbox:checked+.field__label .check__move-fade--3{animation-name:move-fade3}.field__checkbox:checked+.field__label .check__move-fade--4{animation-name:move-fade4}.field__checkbox:checked+.field__label .check__move-fade--5{animation-name:move-fade5}.field__checkbox:checked+.field__label .check__scale-in{transform:scale(1)}.field__checkbox:checked+.field__label .check__scale-in--1{animation-name:scale-in1}.field__checkbox:checked+.field__label .check__scale-in--2{animation-name:scale-in2}.field__checkbox:checked+.field__label .check__scale-in--3{animation-name:scale-in3}.field__checkbox:checked+.field__label .check__scale-out{animation-name:scale-out}.field__checkbox:checked+.field__label .check__stroke-offset--1{animation-name:stroke-offset1}.field__checkbox:checked+.field__label .check__stroke-offset--2{animation-name:stroke-offset2}.field__checkbox:checked+.field__label .check__stroke-offset--3{animation-name:stroke-offset3}.field__checkbox:checked+.field__label .check__stroke-offset--4{animation-name:stroke-offset4}.field__sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),var(--sat),10%);--fg:hsl(var(--hue),var(--sat),90%);--check-bubble:var(--dark-gray2);--check-outline:var(--dark-gray1)}}@keyframes move-fade1{0%{opacity:0;animation-timing-function:step-end;transform:translateY(16px)}31%{opacity:1;transform:translateY(16px)}75%{opacity:1;transform:translate(0)}92.75%,to{opacity:0;transform:translate(0)}}@keyframes move-fade2{0%{opacity:0;animation-timing-function:step-end;transform:translate(22px)}35.25%{opacity:1;transform:translate(22px)}75%{opacity:1;transform:translate(0)}92.75%,to{opacity:0;transform:translate(0)}}@keyframes move-fade3{0%{opacity:0;animation-timing-function:step-end;transform:translate(-27px)}44%{opacity:1;transform:translate(-27px)}82.25%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes move-fade4{0%{opacity:0;animation-timing-function:step-end;transform:translateY(-11px)}44%{opacity:1;transform:translateY(-11px)}82.25%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes move-fade5{0%{opacity:0;animation-timing-function:step-end;transform:translateY(-23px)}22%{opacity:1;transform:translateY(-23px)}61.75%{opacity:1;transform:translate(0)}79.5%,to{opacity:0;transform:translate(0)}}@keyframes scale-in1{0%{transform:scale(0)}26.5%,to{transform:scale(1)}}@keyframes scale-in2{0%,13.25%{transform:scale(0)}44%{transform:scale(1.05)}48.5%,to{transform:scale(1)}}@keyframes scale-in3{0%,35.25%{transform:scale(0)}66.25%{transform:scale(1.05)}70.5%,to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}31%,to{transform:scale(0)}}@keyframes stroke-offset1{0%,20.5%{stroke-dashoffset:17px}41%{stroke-dashoffset:0}61.75%,to{stroke-dashoffset:-17px}}@keyframes stroke-offset2{0%,29.5%{stroke-dashoffset:22.63px}50%{stroke-dashoffset:0}70.5%,to{stroke-dashoffset:-22.63px}}@keyframes stroke-offset3{0%,38%{stroke-dashoffset:17px}58.75%{stroke-dashoffset:0}79.5%,to{stroke-dashoffset:-17px}}@keyframes stroke-offset4{0%,22%{stroke-dashoffset:17px}42.75%{stroke-dashoffset:0}63.25%,to{stroke-dashoffset:-17px}}
.TodoDropdownChecklist-module__cmt2Sq__checklist{--background:transparent;--text:#ffffffe6;--check:#22c55e;--disabled:#ffffff59;-moz-column-gap:12px;grid-template-columns:18px auto 28px;align-items:center;gap:10px 12px;padding:10px 14px;display:grid}.TodoDropdownChecklist-module__cmt2Sq__checklist label{color:var(--text);cursor:pointer;align-items:center;width:fit-content;transition:color .3s;display:grid;position:relative}.TodoDropdownChecklist-module__cmt2Sq__checklist label:before,.TodoDropdownChecklist-module__cmt2Sq__checklist label:after{content:"";position:absolute}.TodoDropdownChecklist-module__cmt2Sq__checklist label:before{background:var(--check);border-radius:2px;width:8px;height:2px;transition:background .3s;left:-27px}.TodoDropdownChecklist-module__cmt2Sq__checklist label:after{border-radius:50%;width:4px;height:4px;top:8px;left:-25px}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]{appearance:none;cursor:pointer;background:var(--background);border:0;outline:none;align-items:center;width:15px;height:15px;margin:0;display:grid;position:relative}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:before,.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:after{content:"";background:var(--check);border-radius:2px;height:2px;position:absolute;top:auto}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:before{transform-origin:100% 100%;width:0;right:60%}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:after{transform-origin:0 100%;width:0;left:40%}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:checked:before{animation:.4s forwards TodoDropdownChecklist-module__cmt2Sq__check-01}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:checked:after{animation:.4s forwards TodoDropdownChecklist-module__cmt2Sq__check-02}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:checked+label{color:var(--disabled);animation:.3s .1s forwards TodoDropdownChecklist-module__cmt2Sq__move}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:checked+label:before{background:var(--disabled);animation:.4s forwards TodoDropdownChecklist-module__cmt2Sq__slice}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:checked+label:after{animation:.5s .1s forwards TodoDropdownChecklist-module__cmt2Sq__firework}.TodoDropdownChecklist-module__cmt2Sq__addRow{justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.TodoDropdownChecklist-module__cmt2Sq__addRowText{color:#ffffffe6;font-size:16px;font-weight:600}.TodoDropdownChecklist-module__cmt2Sq__addRowPlus{background:#ffffff1f;border-radius:9999px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .2s;display:flex}.TodoDropdownChecklist-module__cmt2Sq__addRowPlus:hover{background:#ffffff2e}.TodoDropdownChecklist-module__cmt2Sq__trashBtn{background:#ef44441f;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:inline-flex}.TodoDropdownChecklist-module__cmt2Sq__trashBtn:hover{background:#ef444433}@keyframes TodoDropdownChecklist-module__cmt2Sq__move{50%{padding-left:8px;padding-right:0}to{padding-right:4px}}@keyframes TodoDropdownChecklist-module__cmt2Sq__slice{60%{width:100%;left:4px}to{width:100%;padding-left:0;left:-2px}}@keyframes TodoDropdownChecklist-module__cmt2Sq__check-01{0%{width:4px;top:auto;transform:rotate(0)}50%{width:0;top:auto;transform:rotate(0)}51%{width:0;top:8px;transform:rotate(45deg)}to{width:5px;top:8px;transform:rotate(45deg)}}@keyframes TodoDropdownChecklist-module__cmt2Sq__check-02{0%{width:4px;top:auto;transform:rotate(0)}50%{width:0;top:auto;transform:rotate(0)}51%{width:0;top:8px;transform:rotate(-45deg)}to{width:10px;top:8px;transform:rotate(-45deg)}}@keyframes TodoDropdownChecklist-module__cmt2Sq__firework{0%{opacity:1;box-shadow:0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check)}30%{opacity:1}to{opacity:0;box-shadow:0 -15px 0 0px var(--check),14px -8px 0 0px var(--check),14px 8px 0 0px var(--check),0 15px 0 0px var(--check),-14px 8px 0 0px var(--check),-14px -8px 0 0px var(--check)}}