.task.svelte-l5pd5d.svelte-l5pd5d{border:2px solid transparent;border-radius:.5rem;background-color:var(--clr-primary-light);padding:.5rem;display:flex;gap:.5rem;align-items:center}.content.svelte-l5pd5d.svelte-l5pd5d{max-width:65vw}.date.svelte-l5pd5d.svelte-l5pd5d{color:#757575}.task.important.svelte-l5pd5d.svelte-l5pd5d{border-color:var(--clr-accent)}.task.completed.svelte-l5pd5d .content.svelte-l5pd5d{text-decoration:line-through}.completed-toggle.svelte-l5pd5d.svelte-l5pd5d{margin-left:auto}.drawer-wrapper.svelte-1moo7x3.svelte-1moo7x3{position:fixed;top:0;right:0;bottom:0;left:0;transition:all .15s ease-in-out;translate:0 100%;background-color:#0006}.drawer.svelte-1moo7x3.svelte-1moo7x3{background-color:var(--clr-primary-dark);top:60%;right:0;bottom:0;left:0;position:fixed;border-top-right-radius:1rem;border-top-left-radius:1rem;padding:1rem;border:2px solid #757575;border-bottom:0;display:flex;flex-direction:column;gap:1rem}.drawer-wrapper.active.svelte-1moo7x3.svelte-1moo7x3{translate:0}.date.svelte-1moo7x3.svelte-1moo7x3{color:#757575}.indicator-container.svelte-1moo7x3.svelte-1moo7x3{display:flex;gap:.5rem}.important-indicator.active.svelte-1moo7x3 .circle.svelte-1moo7x3{background-color:var(--clr-accent)}.completed-indicator.active.svelte-1moo7x3 .circle.svelte-1moo7x3{background-color:var(--clr-green)}.important-indicator.svelte-1moo7x3.svelte-1moo7x3,.completed-indicator.svelte-1moo7x3.svelte-1moo7x3{display:flex;align-items:center;gap:.5rem;padding:.6rem;background-color:var(--clr-primary-light);max-width:max-content;border-radius:1rem}button.delete.svelte-1moo7x3.svelte-1moo7x3{color:var(--clr-red);display:flex;align-items:center;max-width:max-content}.settings-container.svelte-1b1j19t.svelte-1b1j19t{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;transition:translate .15s ease-in-out;translate:-100% 0;padding:.5rem;overflow:auto;z-index:2}.settings-container.active.svelte-1b1j19t.svelte-1b1j19t{translate:0}.settings.svelte-1b1j19t.svelte-1b1j19t{position:relative}.settings-disabled.svelte-1b1j19t.svelte-1b1j19t{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000c;display:grid;place-content:center}.top.svelte-1b1j19t.svelte-1b1j19t{display:flex;gap:.5rem;justify-content:space-between;align-items:center;padding-bottom:.5rem}.top.svelte-1b1j19t img.svelte-1b1j19t{width:40px}.logo.svelte-1b1j19t.svelte-1b1j19t{display:flex;gap:.5rem;align-items:center}.logo.svelte-1b1j19t p.svelte-1b1j19t{font-size:1.6rem}input.svelte-1b1j19t.svelte-1b1j19t:not([type=checkbox]){background-color:transparent;border:0;color:#fff;width:100%}.title.svelte-1b1j19t.svelte-1b1j19t{font-size:1.4rem}.appearance-grid.svelte-1b1j19t.svelte-1b1j19t{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;width:max-content}.appearance-grid.svelte-1b1j19t .circle.svelte-1b1j19t{width:40px;height:40px}.appearance-grid.svelte-1b1j19t .circle.active.svelte-1b1j19t{border:3px solid white}.setting-group.svelte-1b1j19t.svelte-1b1j19t{margin-block:1.5rem}.setting-group.svelte-1b1j19t>button.svelte-1b1j19t{display:flex;align-items:center;gap:.5rem;color:var(--clr-red)}.task-container.svelte-nyp2a1.svelte-nyp2a1{display:flex;flex-direction:column;gap:.5rem;padding-inline:.5rem;padding-bottom:4rem}.task-container.svelte-nyp2a1>p.svelte-nyp2a1{position:absolute;top:50%;left:50%;translate:-50% -50%}.navbar.svelte-nyp2a1.svelte-nyp2a1{display:flex;gap:.5rem;align-items:center}.controls.svelte-nyp2a1.svelte-nyp2a1{position:sticky;top:0;left:0;right:0;background-color:#000;padding:.5rem}.task-input.svelte-nyp2a1.svelte-nyp2a1{width:100%;padding-inline:.5rem .3rem;background-color:var(--clr-primary-light);border-radius:.5rem;margin-block-start:.5rem;color:#fff;border:none}.filters.svelte-nyp2a1.svelte-nyp2a1{display:flex;align-items:center;gap:.5rem;margin-left:auto}.filters.svelte-nyp2a1>.svelte-nyp2a1{border:2px solid transparent}.filters.svelte-nyp2a1>*.active.svelte-nyp2a1{border-color:#fff}.all-filter.svelte-nyp2a1 img.svelte-nyp2a1{width:25px}.undone-filter.svelte-nyp2a1.svelte-nyp2a1{background-color:var(--clr-primary-light)}.important-filter.svelte-nyp2a1.svelte-nyp2a1{background-color:var(--clr-accent)}.completed-filter.svelte-nyp2a1.svelte-nyp2a1{background-color:var(--clr-green)}.online-status.svelte-nyp2a1.svelte-nyp2a1{display:flex;gap:.5rem;align-items:center;position:fixed;left:.5rem;bottom:.5rem;background-color:var(--clr-primary-light);padding:.5rem;border-radius:.5rem}.online-status.svelte-nyp2a1 .circle.svelte-nyp2a1{background-color:var(--clr-red)}.online-status.online.svelte-nyp2a1 .circle.svelte-nyp2a1{background-color:var(--clr-green)}.online-status.svelte-nyp2a1 img.svelte-nyp2a1{animation:svelte-nyp2a1-rotate .5s infinite linear;width:25px}@keyframes svelte-nyp2a1-rotate{0%{rotate:0deg}to{rotate:-360deg}}.version.svelte-nyp2a1.svelte-nyp2a1{color:var(--clr-text-gray);font-size:1rem}.loader.svelte-nyp2a1.svelte-nyp2a1{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:var(--clr-primary-light);border-radius:50%;display:inline-block;box-sizing:border-box;animation:svelte-nyp2a1-loader-rotation .6s linear infinite;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes svelte-nyp2a1-loader-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}