*,:after,:before{box-sizing:border-box;margin:0;padding:0}button{border:none;cursor:pointer}button,input,label{font:inherit}:root{--_hue:245;--_size:1.8rem;--_radius:0.2em;--_tspeed_fast:180ms;--_tspeed_slow:300ms;--_ttype_squish:cubic-bezier(0.86,-0.1,0.27,1.15);--bg--light:var(--_hue) 30% 94%;--txt--light:var(--_hue) 40% 5%;--accent--light:var(--_hue) 55% 50%;--accent1--light:10 80% 60%;--muted--light:var(--_hue) 30% 99%;--bg--dark:var(--_hue) 15% 10%;--txt--dark:var(--_hue) 30% 88%;--accent--dark:var(--_hue) 50% 50%;--accent1--dark:10 55% 50%;--muted--dark:var(--_hue) 20% 4%}@media (prefers-color-scheme:dark){:root{--bg:var(--bg--dark);--txt:var(--txt--dark);--accent:var(--accent--dark);--accent1:var(--accent1--dark);--muted:var(--muted--dark);color-scheme:dark}}@media (prefers-color-scheme:light){:root{--bg:var(--bg--light);--txt:var(--txt--light);--accent:var(--accent--light);--accent1:var(--accent1--light);--muted:var(--muted--light);color-scheme:light}}[color-scheme=dark]{--bg:var(--bg--dark);--txt:var(--txt--dark);--accent:var(--accent--dark);--accent1:var(--accent1--dark);--muted:var(--muted--dark);color-scheme:dark}[color-scheme=light]{--bg:var(--bg--light);--txt:var(--txt--light);--accent:var(--accent--light);--accent1:var(--accent1--light);--muted:var(--muted--light);color-scheme:light}@media screen and (max-width:768px){:root{--_size:1.3rem}}@media (prefers-reduced-motion:reduce){:root{--_tspeed_slow:50ms;--_tspeed_fast:50ms}}body{background-color:hsl(var(--bg));color:hsl(var(--txt));display:grid;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-items:center;min-height:100vh}::selection{background:hsl(var(--accent)/.8);color:hsl(var(--bg))}h1{font-size:2.34rem;font-size:calc(var(--_size)*1.3)}.container,h1{text-align:center}.container{grid-gap:clamp(2rem,3.5vmax,8rem);display:grid;gap:clamp(2rem,3.5vmax,8rem);margin:4vmax max(calc(50vw - 35rem),1.5rem) 6em}hr{background-color:hsl(var(--accent)/.5);border:0;height:.4em}.btn,hr{border-radius:.2em;border-radius:var(--_radius)}.btn{background-color:hsl(var(--accent));box-shadow:.05em .1em .9em hsl(var(--accent)/.3),0 0 0 -.1em hsl(var(--bg)),0 0 0 -.2em hsl(var(--accent));color:hsl(var(--bg));display:flex;gap:.5em;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:.5em;place-items:center;text-decoration:none;transition:box-shadow .18s cubic-bezier(.86,-.1,.27,1.15),background-color .18s cubic-bezier(.86,-.1,.27,1.15);transition:box-shadow var(--_tspeed_fast) var(--_ttype_squish),background-color var(--_tspeed_fast) var(--_ttype_squish)}.btn :where(svg,img,span){pointer-events:none}.btn :where(svg,img){height:1.8rem;height:var(--_size);width:1.8rem;width:var(--_size)}.btn:where(:active,:hover){background-color:hsl(var(--accent)/.7);box-shadow:0 0 0 hsl(var(--accent)/.3),0 0 0 -.1em hsl(var(--bg)),0 0 0 -.2em hsl(var(--accent))}.btn:focus{outline:none}.btn:focus-visible{box-shadow:0 0 0 hsl(var(--accent)/.3),0 0 0 .2em hsl(var(--bg)),0 0 0 .4em hsl(var(--accent)/.7)}.todo{display:flex;font-size:1.8rem;font-size:var(--_size);gap:.5em;text-align:left}.wrapper{grid-gap:.2em;display:grid;flex:1 1 100%;gap:.2em;position:relative}.label{font-size:.7em;letter-spacing:.05em;margin-inline:.45em;padding:.1em .35em;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:background-color .18s cubic-bezier(.86,-.1,.27,1.15),-webkit-transform .18s cubic-bezier(.86,-.1,.27,1.15);transition:transform .18s cubic-bezier(.86,-.1,.27,1.15),background-color .18s cubic-bezier(.86,-.1,.27,1.15);transition:transform .18s cubic-bezier(.86,-.1,.27,1.15),background-color .18s cubic-bezier(.86,-.1,.27,1.15),-webkit-transform .18s cubic-bezier(.86,-.1,.27,1.15);transition:background-color var(--_tspeed_fast) var(--_ttype_squish),-webkit-transform var(--_tspeed_fast) var(--_ttype_squish);transition:transform var(--_tspeed_fast) var(--_ttype_squish),background-color var(--_tspeed_fast) var(--_ttype_squish);transition:transform var(--_tspeed_fast) var(--_ttype_squish),background-color var(--_tspeed_fast) var(--_ttype_squish),-webkit-transform var(--_tspeed_fast) var(--_ttype_squish)}.input,.label{background-color:hsl(var(--muted))}.input{border:none;border-radius:.2em;border-radius:var(--_radius);box-shadow:0 0 0 -.1em hsl(var(--bg)),0 0 0 -.2em hsl(var(--accent)/.8);caret-color:hsl(var(--accent));padding:.35em .55em;transition:box-shadow .18s cubic-bezier(.86,-.1,.27,1.15);transition:box-shadow var(--_tspeed_fast) var(--_ttype_squish);width:100%}.input:focus{box-shadow:0 0 0 .2em hsl(var(--bg)),0 0 0 .4em hsl(var(--accent)/.8);outline:none}.input:focus~.label,.input:not(:placeholder-shown)~.label{background-color:hsl(var(--bg));color:hsl(var(--accent)/.8);-webkit-transform:translate3d(0,-3em,0);transform:translate3d(0,-3em,0)}.input::-webkit-input-placeholder{opacity:0}.input::placeholder{opacity:0}[role=dialog]{background-color:hsl(var(--bg)/.7);display:grid;inset:0;padding-inline:2vmax;place-items:center;position:fixed;z-index:100}[role=dialog] .todo{background-color:hsl(var(--bg));border:.1em solid hsl(var(--accent)/.3);border-radius:.2em;border-radius:var(--_radius);box-shadow:0 -1em 3em hsl(var(--muted)),0 1em 3em hsl(var(--accent)/.2);max-width:40ch;padding:2em 1.3em 1.3em}.tasksList{grid-gap:1.5em;display:grid;gap:1.5em;list-style-type:none}.TaskItem_task__BZE6Y{align-items:center;border:.2em solid hsl(var(--muted)/.8);border-radius:calc(var(--_radius)*2);display:flex;font-size:var(--_size);gap:.6em;justify-content:space-between;padding:.6em}.TaskItem_task-group__hG6jm{--taskgroup-gap:0.5em;align-items:center;display:flex;gap:var(--taskgroup-gap)}.TaskItem_label__q2iS5{cursor:pointer;line-height:1.4;position:relative;text-align:left}.TaskItem_checkbox__WmMk5{appearance:none;-webkit-appearance:none;background-color:hsl(var(--muted));border-radius:var(--_radius);box-shadow:0 0 .5em hsl(var(--accent)/.1),0 0 0 .05em hsl(var(--accent)/.5),0 0 0 -.2em hsl(var(--accent));flex-shrink:0;height:1em;transition:box-shadow var(--_tspeed_fast) ease-in-out,background-color 80ms ease-in-out;width:1em}.TaskItem_checkbox__WmMk5:focus{outline:none}.TaskItem_checkbox__WmMk5:is(:focus-visible,:hover){box-shadow:0 0 0 hsl(var(--bg)),0 0 0 .05em hsl(var(--accent)),0 0 0 .225em hsl(var(--accent)/.3)}.TaskItem_checkmark__sWvue{border-radius:var(--_radius);color:hsl(var(--muted));content:"";display:grid;height:1em;place-items:center;position:absolute;top:50%;-webkit-transform:translate3d(calc(-100% - var(--taskgroup-gap)),-50%,0);transform:translate3d(calc(-100% - var(--taskgroup-gap)),-50%,0);transition:background-color 80ms ease-in-out;width:1em}.TaskItem_checkmark__sWvue svg{height:.75em;width:.75em}.TaskItem_checkbox__WmMk5:checked{background-color:hsl(var(--accent))}.TaskItem_checkbox__WmMk5:checked+label{text-decoration:line-through}.TaskItem_delete__\+Z38E{--accent:var(--accent1)}.TaskItem_loading__E8UQQ{-webkit-animation:TaskItem_pulse__hneY\+ 2s ease-in-out infinite;animation:TaskItem_pulse__hneY\+ 2s ease-in-out infinite;color:hsl(var(--accent));font-size:var(--_size);font-weight:700}@-webkit-keyframes TaskItem_pulse__hneY\+{0%,to{opacity:1}50%{opacity:.5}}@keyframes TaskItem_pulse__hneY\+{0%,to{opacity:1}50%{opacity:.5}}.TaskItem_error__FZ3DS{color:hsl(var(--accent1));font-size:var(--_size);text-align:center}
/*# sourceMappingURL=main.03e6892f.css.map*/