.todo-list-item{display:flex;align-items:flex-start;min-height:45px;gap:8px;padding:10px 0;flex-grow:1;min-width:0;cursor:pointer}.todo-list-item-icon{display:flex;align-items:center;justify-content:center}.todo-list-item-name{transition:all .3s ease-in-out;flex-grow:1;text-overflow:ellipsis;overflow:hidden}.todo-list-item-name_completed{text-decoration:line-through;opacity:.5}.todo-list{display:flex;flex-direction:column;background:rgb(18,24,37);padding:20px;border-radius:10px;overflow:hidden;gap:10px;max-width:540px;width:100%;flex-grow:1}.todo-list-list.MuiList-root{overflow-y:auto;flex-grow:1}.todo-list-list-item.MuiListItem-root{padding:0}.todo-list-footer{padding:10px 0;display:flex;justify-content:space-between;font-size:14px;gap:10px;align-items:center}@media screen and (max-width:600px){.todo-list-footer{flex-direction:column;align-items:flex-start}}.todo-list-footer-remained{padding:10px 0}.todo-list-footer-controls{display:flex;gap:10px}@media screen and (max-width:370px){.todo-list-footer-controls{flex-direction:column}}.todo-list-footer-controls-button.MuiButton-root{font-size:12px;padding:10px;height:40px}.todo-list-footer-controls-button.MuiButton-text{border:1px solid transparent}.todo-list-footer-button.MuiButton-root{font-size:12px;padding:10px;height:40px}.list-page{width:100%;display:flex;flex-direction:column;height:100dvh;padding:20px;gap:20px;align-items:center}.list-page-title{text-align:center;padding:10px}