.item.svelte-gy0nkn.svelte-gy0nkn{display:grid;grid-template-areas:"box description delete" ". content content";grid-template-columns:auto 1fr auto;align-items:baseline;gap:.25em 1em;background-color:var(--surface-color);padding:1em;border-radius:1em;align-items:center}input.svelte-gy0nkn.svelte-gy0nkn{grid-area:box;width:1em;height:1em;margin:0}.description.svelte-gy0nkn.svelte-gy0nkn{grid-area:description;-webkit-hyphens:auto;hyphens:auto;text-transform:capitalize;font-weight:500}.content.svelte-gy0nkn.svelte-gy0nkn{grid-area:content;display:flex;gap:1em}.tag.svelte-gy0nkn.svelte-gy0nkn{white-space:nowrap;color:var(--foreground-color)}.priority-1.svelte-gy0nkn.svelte-gy0nkn{color:var(--foreground-color-low)}.priority-2.svelte-gy0nkn.svelte-gy0nkn{color:var(--foreground-color-medium)}.priority-3.svelte-gy0nkn.svelte-gy0nkn{color:var(--foreground-color-high)}.done.svelte-gy0nkn .description.svelte-gy0nkn,.done.svelte-gy0nkn .tag.svelte-gy0nkn{opacity:.5}button.svelte-gy0nkn.svelte-gy0nkn{display:flex;grid-area:delete;visibility:hidden;gap:.5em;align-items:center;color:var(--foreground-color-high)}.item.svelte-gy0nkn:hover button.svelte-gy0nkn{visibility:visible}body{--background-color:#fff;--surface-color:#f8f8f8;--border-color:#cdcdcd;--foreground-color:#000000;--foreground-color-high:#d72020;--foreground-color-medium:#7630cd;--foreground-color-low:#097447;font-family:system-ui,sans-serif;color:var(--foreground-color);background-color:var(--background-color)}input{font:inherit}input[type=text],input[type=datetime-local]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;color:var(--foreground-color);border:none;padding:0;background:none}input[type=text]:hover,input[type=datetime-local]:hover,input[type=text]:focus,input[type=datetime-local]:focus{border-color:var(--foreground-color)}button,.radio-label.svelte-ledlsc{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;margin:0;padding:0;color:var(--foreground-color);font:inherit;font-weight:500;cursor:pointer}button:hover,.radio-label.svelte-ledlsc:hover{animation:svelte-ledlsc-hover 2s cubic-bezier(.25,1,.5,1);animation-fill-mode:both}@keyframes svelte-ledlsc-hover{0%{opacity:.3}to{opacity:.65}}@media (prefers-color-scheme: dark){body{--background-color:#000000;--surface-color:#111111;--border-color:#3f3f3f;--foreground-color:#ffffff;--foreground-color-high:#e35454;--foreground-color-medium:#a16ce1;--foreground-color-low:#12aa6a;color-scheme:dark}}main.svelte-ledlsc{display:grid;grid-template-areas:". form ." ". list .";grid-template-columns:1fr minmax(auto,40em) 1fr;margin:3em 0;gap:3em}form.svelte-ledlsc{position:sticky;top:1em;grid-area:form;display:grid;grid-template-areas:"description description add" "due priority priority";grid-template-columns:1fr 1fr auto;gap:1em 2em;background-color:var(--surface-color);padding:1em;border-radius:1em;box-shadow:#0000002a 0 1em 2em;align-items:start;z-index:1}.description.svelte-ledlsc{grid-area:description;font-size:1.5em;font-weight:300;box-sizing:border-box;width:100%}.due-label.svelte-ledlsc{grid-area:due-label}.add.svelte-ledlsc{grid-area:add;display:flex;gap:.33em;align-items:center;padding:.5em 1em;background:var(--foreground-color);color:var(--background-color);border-radius:.5em;min-width:8em;justify-content:center}.list.svelte-ledlsc{grid-area:list}ul.svelte-ledlsc{padding:0;margin:0}.nothing.svelte-ledlsc{font-size:1.5em;font-weight:300;text-align:center;margin:1em 0;opacity:.65}.confetti.svelte-ledlsc{font-size:2em}.due.svelte-ledlsc,.priority.svelte-ledlsc{display:flex;flex-direction:column;gap:.25em}.due.svelte-ledlsc{grid-area:due}#due-date.svelte-ledlsc,.priority-box.svelte-ledlsc{background:var(--background-color);border:solid 1px var(--border-color);padding:.5em 1em;border-radius:.5em;max-width:26em}.subbuttons.svelte-ledlsc{display:flex;gap:1em;padding:0 1em}em.svelte-ledlsc{font-style:normal;opacity:.65}li.svelte-ledlsc{display:block;margin-bottom:.75em}.priority.svelte-ledlsc{grid-area:priority}.priority-box.svelte-ledlsc{display:flex;gap:1em}input[type=radio].svelte-ledlsc{cursor:pointer;width:1em;height:1em;margin:0}.radio-label.svelte-ledlsc{cursor:pointer;color:var(--foreground-color);accent-color:var(--foreground-color);display:flex;gap:.25em;align-items:center}.high.svelte-ledlsc{--foreground-color:var(--foreground-color-high)}.medium.svelte-ledlsc{--foreground-color:var(--foreground-color-medium)}.low.svelte-ledlsc{--foreground-color:var(--foreground-color-low)}@media (max-width: 750px){main.svelte-ledlsc{grid-template-areas:"form" "list";grid-template-columns:1fr;margin:1em .5em;gap:2em}form.svelte-ledlsc{grid-template-areas:"description add" "due due" "priority priority";grid-template-columns:1fr auto;gap:1em}}@media (max-width: 500px){form.svelte-ledlsc{grid-template-areas:"description" "due" "priority" "add";grid-template-columns:1fr}}