.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;padding:20px;width:300px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.modal-header h2{margin:0}.close-button{background:none;border:0 solid #000;cursor:pointer;font-size:25px;padding:0}.modal-body{margin-bottom:10px}.modal-body input[type=text]{border:1px solid #ccc;border-radius:4px;padding:5px;width:100%}.modal-date{display:flex;flex-direction:column;margin-top:10px}.modal-date label{color:#555;font-size:small;margin-bottom:5px}.modal-date-time{border:1px solid #ccc;border-radius:4px;padding:5px;width:68%}.modal-footer{display:flex}.modal-button{background-color:#007bff}.modal-button,.modal-button-close{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:8px 16px}.modal-button-close{background-color:#888}.todo-hero{align-items:center;display:flex;gap:5px;padding:0 10px}.todo-count{background-color:#4caf50;border-radius:18px;color:#fff;display:inline-block;max-width:150px;overflow:hidden;padding:5px 10px;text-align:center;text-overflow:ellipsis}.todo-progress-text{color:#777;font-size:.9rem;font-weight:700;text-align:center}body{background-color:#cce8f3}body,input,textarea{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}input[type=checkbox]{cursor:pointer;transform:scale(1.5)}.container{margin:auto;width:450px}.header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding-bottom:10px;width:100%}.todo-list{margin:0 auto;padding-bottom:30px}.todo-item{align-items:center;background-color:#f8f9fa;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#333;display:flex;margin-bottom:8px;padding:12px}.top-add-todo-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 10px;transition:background-color .3s ease}.filter-select{border:1px solid #ccc;border-radius:4px;margin-left:auto;padding:7px 0 7px 10px}h1{color:#555;margin:15px auto;max-width:400px;text-align:center}.edit-input{border-radius:3px;text-align:left;width:90%}.drag-handle{cursor:grab;margin-right:5px;padding-right:5px;touch-action:none}@media (max-width:600px){.drag-handle{font-size:1.5rem;margin-right:10px;padding-right:15px;touch-action:none}}.todo-content{align-items:center}.todo-content:has(:checked) .todo-text{color:#666;text-decoration:line-through}.todo-content{display:flex;justify-content:space-between;width:100%}.todo-text-container{display:flex;flex-direction:column;padding:0 5px 0 0}.due-date{color:#888;font-size:.85rem;padding-top:2px}.todo-item div{flex:1 1;margin:0}.todo-item div.completed{color:#888;text-decoration:line-through}.todo-item .edit-button{background-color:#888;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:6px 12px;transition:background-color .1s ease}.todo-item .edit-button:hover{background-color:#007cf9bf}.todo-item .delete-button{background-color:#888;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .1s ease}.todo-item .delete-button:hover{background-color:#af2432}.todo-item input[type=checkbox]{margin-right:12px}.new-todo-input{border:1px solid #ccc;border-radius:4px;margin:0 auto 20px;max-width:400px;padding:8px;width:100%}.footerButtonContainer{display:flex;justify-content:space-between}.add-todo-button-footer,.load-default-todos-button{box-sizing:border-box;margin:0;padding:10px}.footerButtonContainerLeft{display:flex;justify-content:flex-start}.footerButtonContainerRight{display:flex;justify-content:flex-end}.add-todo-button-footer{background-color:#007bff;margin:2px 0 0}.add-todo-button-footer,.load-default-todos-button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 10px;transition:background-color .3s ease}.load-default-todos-button{background-color:#730584;margin:2px 0 0 10px}
/*# sourceMappingURL=main.5559eb7b.css.map*/