:root{--black:#141414;--white:#cccccc;--light-grey:#cacaca;--light-blue:#173370;--primary-clr:#222222;--secondary-clr:#181818;--contrast-clr-1:#009940;--contrast-clr-2:#aa002b;--box-shadow:1px 1px 5px -1px rgba(0, 0, 0, 0.6);--font-size-items:1.1rem}*{margin:0;padding:0;box-sizing:border-box;border:none}body{background-color:var(--light-grey);padding:0}input, button, select, textarea{font-family:inherit;font-size:inherit;padding:0;margin:0;box-sizing:border-box;border:0;border-radius:0}input:focus-visible{outline:0;border:none}li{text-decoration:none;list-style:none}main.svelte-1ajjc8t{min-height:100vh;width:100%;text-align:center;padding:2em 3em;margin:0 auto;background:var(--secondary-clr)}#list-wrapper.svelte-1ajjc8t{display:flex;flex-direction:column;justify-content:center;gap:1.4rem;max-width:900px;margin:4rem auto}#submit-form.svelte-1ajjc8t{display:inline-flex;width:100%;border-radius:5px;margin-bottom:3rem;overflow:hidden}#item-input.svelte-1ajjc8t{background-color:var(--primary-clr);height:100%;width:92%;color:var(--contrast-clr-1);box-shadow:var(--box-shadow);padding:0.675rem;font-size:var(--font-size-items)}#item-input.svelte-1ajjc8t::placeholder{color:#6d6d6d}button.svelte-1ajjc8t{color:var(--white);font-size:var(--font-size-items);cursor:pointer}#add-btn.svelte-1ajjc8t{height:100%;width:8%;background-color:var(--contrast-clr-2);box-shadow:var(--box-shadow);padding:0.675rem}@media(hover: hover){button#add-btn.svelte-1ajjc8t:hover{background-color:var(--contrast-clr-2);filter:saturate(75%)}}.spin.svelte-1cj2gr0{animation:svelte-1cj2gr0-spin 2s 0s infinite linear}.pulse.svelte-1cj2gr0{animation:svelte-1cj2gr0-spin 1s infinite steps(8)}@keyframes svelte-1cj2gr0-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}h1.svelte-3mrxdl{color:var(--contrast-clr-2);font-size:6em;font-weight:100;margin:0 0 10px}h3.svelte-3mrxdl{color:var(--contrast-clr-1);font-size:2em;font-weight:100;margin:10px 0 3px}h4.svelte-3mrxdl{color:var(--contrast-clr-1);font-weight:400;font-size:small;margin-top:0.5rem}#todolist.svelte-1b8c9hf.svelte-1b8c9hf{width:auto}#todolist.svelte-1b8c9hf li.svelte-1b8c9hf{display:flex;flex-wrap:wrap;justify-content:space-between;overflow-y:hidden;width:100%;background-color:var(--primary-clr);border-radius:5px;margin:1rem auto;box-shadow:var(--box-shadow);transition:transform 200ms ease-in-out}p.svelte-1b8c9hf.svelte-1b8c9hf{text-align:left;font-size:var(--font-size-items);background-color:inherit;color:var(--contrast-clr-1);padding:0.7rem;border-radius:5px 0 0 5px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal}p[contenteditable].svelte-1b8c9hf.svelte-1b8c9hf{outline:0px solid transparent}.button-holder.svelte-1b8c9hf.svelte-1b8c9hf{display:inline-flex;width:auto}.btn-action.svelte-1b8c9hf.svelte-1b8c9hf{padding:0.8rem;color:var(--white);cursor:pointer;height:100%}.btn-done.svelte-1b8c9hf.svelte-1b8c9hf{color:var(--contrast-clr-1);background-color:inherit}.btn-delete.svelte-1b8c9hf.svelte-1b8c9hf{color:var(--contrast-clr-2);background-color:inherit}.btn-info.svelte-1b8c9hf.svelte-1b8c9hf{color:var(--contrast-clr-1);background-color:inherit}#todolist.svelte-1b8c9hf li.done.svelte-1b8c9hf{text-decoration:line-through;opacity:0.3;border:none;box-shadow:none}@media(hover: hover){.btn-done.svelte-1b8c9hf.svelte-1b8c9hf:hover{color:var(--black);background-color:var(--contrast-clr-1)}.btn-delete.svelte-1b8c9hf.svelte-1b8c9hf:hover{color:var(--black);background-color:var(--contrast-clr-2)}.btn-info.svelte-1b8c9hf.svelte-1b8c9hf:hover{color:var(--black);background-color:var(--contrast-clr-1)}}.details-view.svelte-1b8c9hf.svelte-1b8c9hf{display:none;flex-wrap:wrap;width:100%;align-self:stretch;padding:2rem 0.7rem;border-top:1px solid var(--contrast-clr-1)}label.svelte-1b8c9hf.svelte-1b8c9hf{font-size:0.9rem;font-weight:normal;color:var(--contrast-clr-1);padding-bottom:0.3rem;margin-right:0.7rem}label.notes.svelte-1b8c9hf.svelte-1b8c9hf{display:block}.space-group.svelte-1b8c9hf.svelte-1b8c9hf{width:100%;display:flex;justify-content:space-between;margin-bottom:1.7rem}.detail-wrap.svelte-1b8c9hf.svelte-1b8c9hf,.detail-wrap-full.svelte-1b8c9hf.svelte-1b8c9hf{display:inline-block;text-align:left}.detail-wrap-full.svelte-1b8c9hf.svelte-1b8c9hf,.detail-input#notes.svelte-1b8c9hf.svelte-1b8c9hf{width:100%}.detail-input.svelte-1b8c9hf.svelte-1b8c9hf{color:var(--contrast-clr-1);background-color:var(--secondary-clr);padding:4px;border-radius:5px}.detail-input.svelte-1b8c9hf.svelte-1b8c9hf:focus,.detail-input#notes.svelte-1b8c9hf.svelte-1b8c9hf:focus{outline:1px solid var(--contrast-clr-1)}input[type="datetime-local"].svelte-1b8c9hf.svelte-1b8c9hf::-webkit-calendar-picker-indicator{opacity:0.75;background-image:url(images/picker.svg)}.empty__placeholder.svelte-1b8c9hf.svelte-1b8c9hf{text-align:center;font-style:italic;opacity:0.4}