.list-progress{align-items:center;gap:12px;margin:16px 0 4px;display:flex}.list-progress-bar{background:#f1e8e1;border-radius:20px;flex:1;height:7px;overflow:hidden}.list-progress-bar i{border-radius:inherit;background:var(--green);height:100%;transition:width .25s;display:block}.list-progress span{color:#8b837a;white-space:nowrap;font-size:.875rem;font-weight:600}.list-item{cursor:pointer;border-radius:8px;align-items:center;gap:11px;margin:0 -8px;padding:12px 8px;transition:background .15s;display:flex}.list-item:hover{background:#fbf8f5}.list-item input{opacity:0;pointer-events:none;position:absolute}.list-item .tick{color:#0000;background:#fff;border:1.5px solid #ded4ca;border-radius:6px;flex:none;place-items:center;width:21px;height:21px;font-size:.6875rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:grid}.list-item:has(input:checked) .tick{background:var(--green);border-color:var(--green);color:#fff}.list-item:has(input:focus-visible) .tick{outline:2px solid var(--orange);outline-offset:2px}.list-item .label{min-width:0;color:var(--soft);flex:1;font-size:.9375rem}.list-item small{color:#a8a099;white-space:nowrap;font-size:.875rem}.list-item:has(input:checked) .label{color:#b3aba3;text-decoration:line-through}.list-item:has(input:checked) small{color:#c6bfb7}