.todo{align-items:flex-start;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:1rem}.todo,.todo__board{display:flex;flex-direction:column;gap:1rem;width:100%}@media (min-width:1024px){.todo__board{flex-direction:row}}.todo__panel{display:flex;flex-direction:column;gap:1rem;width:100%}.todo__panel h2{margin:0}.todo__list{border-radius:.375rem;display:flex;flex-direction:column;gap:.5rem;min-height:7rem;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem}.todo__list--complete{border-width:2px;--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.todo__list--incomplete{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.todo [data-todo-form]{gap:1rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.todo [data-todo-form],.todo form{display:flex;width:100%}.todo form{flex-direction:column;gap:.5rem}@media (min-width:768px){.todo form{flex-direction:row;justify-content:space-between}}.todo form .form-group{flex-direction:column;gap:.25rem;width:100%}.todo form label{font-size:.875rem;font-weight:600;line-height:1.25rem}.todo form input{border-radius:.375rem;border-width:1px;width:100%;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem}.todo form button{align-self:flex-end;border-radius:.375rem;min-width:5rem;--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1));padding:.5rem}.todo form button,.todo p,.todo__count{--tw-text-opacity:1}.todo p,.todo__count{color:rgb(55 65 81/var(--tw-text-opacity,1));display:flex;font-size:.875rem;gap:.25rem;line-height:1.25rem;margin:0;width:100%}.todo p span,.todo__count span{font-weight:600}.todo__item{align-items:center;border-radius:.375rem;display:flex;gap:.5rem;justify-content:space-between;--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));padding:.5rem}.todo__item[complete=true]{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.todo__item label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.todo__item input[type=checkbox]{accent-color:#22c55e;border-radius:.375rem;cursor:pointer;height:1rem;width:1rem}.todo__item-remove{background-color:rgba(0,0,0,.05);border-radius:9999px;padding:.25rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}