.sd-tkl{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-tkl[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-tkl :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-tkl :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-tkl .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-tkl{background:var(--bg);width:min(100%,320px);box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;position:relative;overflow:hidden}.sd-tkl__add{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.sd-tkl__add span{width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--mute);border-radius:99px;place-items:center;font-size:15px;display:grid}.sd-tkl__in{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.sd-tkl__in::placeholder{color:var(--mute)}.sd-tkl__list{height:236px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.sd-tkl__it{align-items:center;gap:10px;padding:8px 10px 8px 14px;animation:.24s cubic-bezier(.3,1.3,.4,1) sd-tkl-in;display:flex}.sd-tkl__it:hover .sd-tkl__x,.sd-tkl__x:focus-visible{opacity:1}.sd-tkl__cb{appearance:none;width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--mute);cursor:pointer;border-radius:99px;flex:none;place-items:center;margin:0;transition:background-color .15s,box-shadow .15s;display:grid}.sd-tkl__cb:after{content:"";border:solid var(--on);border-width:0 0 2px 2px;width:9px;height:5px;transition:transform .2s cubic-bezier(.3,1.6,.4,1);transform:translateY(-1px)rotate(-45deg)scale(0)}.sd-tkl__cb:checked{background:var(--strong);box-shadow:none}.sd-tkl__cb:checked:after{transform:translateY(-1px)rotate(-45deg)scale(1)}.sd-tkl__t{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:14px;position:relative;overflow:hidden}.sd-tkl__t:after{content:"";background:var(--mute);width:0;height:1.5px;transition:width .26s ease-out;position:absolute;top:52%;left:0}.sd-tkl__it[data-done] .sd-tkl__t{color:var(--mute)}.sd-tkl__it[data-done] .sd-tkl__t:after{width:100%}.sd-tkl__x{opacity:0;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;margin-left:auto;transition:opacity .12s;display:grid;color:var(--mute)!important}@media (hover:none){.sd-tkl__x{opacity:.6}}.sd-tkl__x:hover{background:var(--soft);color:var(--fg)!important}.sd-tkl__x svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.sd-tkl__empty{text-align:center;color:var(--mute);padding:50px 0;font-size:13px}.sd-tkl__foot{border-top:1px solid var(--line);color:var(--mute);align-items:center;gap:6px;padding:8px 10px 8px 14px;font-size:12px;display:flex}.sd-tkl__foot>span{font-variant-numeric:tabular-nums;margin-right:auto}.sd-tkl__f{border-radius:7px;padding:4px 8px;color:var(--mute)!important}.sd-tkl__f[aria-checked=true]{background:var(--soft);color:var(--fg)!important}.sd-tkl__clr{padding:4px 6px;color:var(--mute)!important}.sd-tkl__clr:hover{color:var(--fg)!important}.sd-tkl__undo{background:var(--strong);color:var(--on);border-radius:12px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;animation:.22s ease-out sd-tkl-in;display:flex;position:absolute;bottom:46px;left:10px;right:10px}.sd-tkl__undo button{text-underline-offset:2px;font-weight:600;text-decoration:underline}@keyframes sd-tkl-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.sd-tkl *,.sd-tkl :before,.sd-tkl :after{transition:none!important;animation:none!important}}