:host{display:inline-block}[part=trigger]{align-items:center;background:var(--surface-2);border:1px solid var(--surface-4);border-radius:var(--radius-2);color:var(--text-2);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-size-0);gap:.5rem;padding:.4rem .8rem;&:hover{background:var(--surface-3);color:var(--text-1)}&.all-done{border-color:color-mix(in oklch,var(--text-2),green 50%)}}[part=count]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.7;&:empty{display:none}}[part=panel]{background:var(--surface-1);border-radius:var(--radius-3) var(--radius-3) 0 0;border-top:1px solid var(--surface-4);box-shadow:0 -2px 8px rgba(0,0,0,.15);color:var(--text-1);inset:auto 0 0 0;margin:0;max-height:50dvh;overflow-y:auto;overscroll-behavior:contain;padding:0 1rem 1rem;position:fixed;z-index:100;&[hidden]{display:none}&.minimised{max-height:none;overflow:hidden;[part=list]{display:none}}}[part=header]{align-items:center;background:var(--surface-1);display:flex;justify-content:space-between;padding:.75rem 0;position:sticky;top:0}[part=controls]{display:flex;gap:.25rem}[part=close],[part=minimise]{background:none;border:none;border-radius:var(--radius-2);color:var(--text-3);cursor:pointer;font:inherit;font-size:var(--font-size-1);line-height:1;padding:.25rem .5rem;&:hover{background:var(--surface-3);color:var(--text-1)}}[part=panel-count]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:400;opacity:.7;&:empty{display:none}}[part=list]{display:flex;flex-direction:column;gap:.3rem;list-style:none;margin:0;padding:0;li{margin:0;padding:0;&[data-depth=sub]{padding-inline-start:1.5rem}}label{align-items:baseline;cursor:pointer;display:flex;font-size:var(--font-size-1);gap:.5rem;line-height:1.6;&:has(input:checked) a{opacity:.5;-webkit-text-decoration:line-through;text-decoration:line-through}}a{color:var(--text-2);text-decoration-color:var(--surface-4);&:hover{color:var(--text-1)}}input[type=checkbox]{flex-shrink:0}}