#todosContainer{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 370px), 1fr));grid-auto-rows:320px;gap:20px;background-color:#ebebeb;height:80svh;padding:20px;box-sizing:border-box;overflow-y:auto}#todosContainer .todo{display:flex;flex-direction:column;position:relative;background-color:#fff;border-radius:10px;border-left:15px solid rgba(0,0,0,0);padding:15px;transition:background-color .2s,border-left-color .3s}#todosContainer .todo .todo-title{font-size:1.2rem;font-weight:600;margin-bottom:5px;max-height:3em;min-height:1.5em}#todosContainer .todo .todo-desc{max-height:3em;min-height:1.5em}#todosContainer .todo .wrapper{display:grid;grid-template:1fr 1fr/1fr 1fr 1fr;column-gap:20px}#todosContainer .todo .overdue{color:red;font-weight:900}#todosContainer .todo .todo-task{overflow:auto;padding:5px;margin-bottom:35px}#todosContainer .todo .todo-checklist{width:fit-content;margin:10px 10px 10px 0px}#todosContainer .todo .todo-checklist .item{display:flex;justify-content:space-between;margin-bottom:10px}#todosContainer .todo label{padding:0 5px}#todosContainer .todo .todo-title,#todosContainer .todo .todo-desc,#todosContainer .todo .todo-date,#todosContainer .todo .todo-note,#todosContainer .todo select.todo-priority,#todosContainer .todo select.todo-state{transition:background-color .3s}#todosContainer .todo .todo-title:hover,#todosContainer .todo .todo-desc:hover,#todosContainer .todo .todo-date:hover,#todosContainer .todo .todo-note:hover,#todosContainer .todo select.todo-priority:hover,#todosContainer .todo select.todo-state:hover{background-color:rgba(0,0,0,.2196078431)}#todosContainer .todo .todo-note{width:100%;max-height:unset !important}#todosContainer .todo select option{background-color:#fff}#todosContainer .todo .todoDelete{position:absolute;bottom:20px;right:20px;width:30px;height:30px;margin-left:auto;border:none;border-radius:10px;cursor:pointer}#todosContainer .todo .todoDelete svg{width:100%;height:100%}#todosContainer .todo[hidden]{display:none !important}#todosContainer #addTodo{position:relative;border:3px dashed gray;color:gray;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}#todosContainer #addTodo:hover{border:3px dashed #000;background-color:#f5f5f5;color:#000}#todosContainer #addTodo .plus{aspect-ratio:1/1;height:50%}#todosContainer #addTodo .text{position:absolute;font-size:1.2rem;bottom:40px}#todosContainer #addTodo{transition:background-color .2s,color .2s}#todosContainer #selectProject{display:none}@media screen and (max-width: 760px){#todosContainer{overflow-y:visible !important}}@media screen and (max-width: 450px){#todosContainer{padding:12px;grid-template-columns:1fr}#todosContainer .todo{border-left-width:10px}}