@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.toggle-all.svelte-1gt1zbq.svelte-1gt1zbq{width:1px;height:1px;position:absolute;opacity:0}.toggle-all.svelte-1gt1zbq+label.svelte-1gt1zbq{position:absolute;font-size:0}.toggle-all.svelte-1gt1zbq+label.svelte-1gt1zbq:before{content:"❯";display:block;padding:var(--spacing-16);font-size:var(--font-24);color:var(--color-gray-58);transform:rotate(90deg)}.toggle-all.svelte-1gt1zbq:checked+label.svelte-1gt1zbq:before{color:var(--color-gray-28)}.new-todo.svelte-1gt1zbq.svelte-1gt1zbq{width:100%;padding:var(--spacing-16);padding-left:60px;font-size:var(--font-24);border:none;border-bottom:1px solid var(--shadow-1)}.filters.svelte-guj0z0{display:flex;gap:var(--spacing-4)}.filter.svelte-guj0z0{text-transform:capitalize;padding:var(--spacing-4) var(--spacing-8);border:1px solid transparent;border-radius:var(--radius-base)}.filter.svelte-guj0z0:hover{border:1px solid var(--color-highlight)}.selected.svelte-guj0z0{border-color:var(--color-highlight)}.todo.svelte-1qv943q.svelte-1qv943q{font-size:var(--font-24);font-weight:400;border-bottom:1px solid #ededed}.todo.svelte-1qv943q.svelte-1qv943q:last-child{border-bottom:none}.todo-check.svelte-1qv943q.svelte-1qv943q,.todo-text.svelte-1qv943q.svelte-1qv943q{display:block;padding:var(--spacing-16);color:var(--color-gray-28);transition:color .4s}.todo-check.svelte-1qv943q.svelte-1qv943q{border-radius:100%}.completed.svelte-1qv943q.svelte-1qv943q{color:var(--color-gray-58);text-decoration:line-through}.todo-item.svelte-1qv943q.svelte-1qv943q{position:relative;display:flex;align-items:center;padding:0 var(--spacing-8)}.editing.svelte-1qv943q .todo-item.svelte-1qv943q{display:none}.edit.svelte-1qv943q.svelte-1qv943q{width:100%;padding:var(--spacing-8);font-size:var(--font-24);border:1px solid #999;border-radius:var(--radius-base);box-shadow:inset 0 -1px 5px 0 var(--shadow-1)}.toggle.svelte-1qv943q.svelte-1qv943q{position:absolute;top:26px;left:13px;transform:scale(2);opacity:0}.toggle.svelte-1qv943q+label.svelte-1qv943q{background-image:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:84% 50%}.toggle.svelte-1qv943q:checked+label.svelte-1qv943q{background-image:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%2359A193%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20fill%3D%22%233EA390%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22%2F%3E%3C%2Fsvg%3E)}.remove.svelte-1qv943q.svelte-1qv943q{display:none;margin-left:auto;font-size:var(--font-32);color:var(--color-gray-58);transition:color .2s ease-out}.remove.svelte-1qv943q.svelte-1qv943q:hover{color:var(--color-highlight)}.remove.svelte-1qv943q.svelte-1qv943q:after{content:"×"}.todo.svelte-1qv943q:hover .remove.svelte-1qv943q{display:block}.title.svelte-1tnszzt{font-size:var(--font-80);font-weight:inherit;text-align:center;color:var(--color-title)}.todos.svelte-1tnszzt{--width:500px;--todos-bg:hsl(0 0% 98%);--todos-text:hsl(220 20% 14%);width:var(--width);color:var(--todos-text);background-color:var(--todos-bg);border-radius:var(--radius-base);border:1px solid var(--color-gray-90);box-shadow:0 0 4px var(--shadow-1)}.todo-list.svelte-1tnszzt{list-style:none}.actions.svelte-1tnszzt{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-8) var(--spacing-16);font-size:.9rem;border-top:1px solid var(--color-gray-90)}.actions.svelte-1tnszzt:before{content:"";height:40px;position:absolute;right:0;bottom:0;left:0;box-shadow:0 1px 1px #0003,0 8px 0 -3px #f5f5f5,0 9px 1px -3px #0003,0 16px 0 -6px #f5f5f5,0 17px 2px -6px #0003;z-index:-1}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sans-serif: "Inter", sans-serif;--color-bg: hsl(220, 20%, 14%);--color-text: hsl(0, 0%, 2%);--color-title: hsl(357, 49%, 48%);--color-highlight: hsl(0, 33%, 64%);--color-gray-28: hsl(0, 0%, 28%);--color-gray-58: hsl(0, 0%, 58%);--color-gray-90: hsl(0, 0%, 90%);--font-24: 1.5rem;--font-32: 2rem;--font-80: 5rem;--spacing-4: .25rem;--spacing-8: .5rem;--spacing-16: 1rem;--shadow-1: hsl(0, 0%, 0%, .1);--radius-base: 4px}html,body{height:100%}body{display:grid;place-content:center;font-family:var(--sans-serif);font-weight:300;line-height:1.4;background-color:var(--color-bg);color:var(--color-text)}label,input,button{font-family:inherit;font-weight:inherit;line-height:inherit;color:inherit}button{background:none;border:0;cursor:pointer}.hidden{visibility:hidden}:focus,.toggle:focus+label,.toggle-all:focus+label{box-shadow:0 0 2px 2px var(--color-highlight);outline:0}