.TodoForm-module__tPgDHq__todoInput{border:none;border-bottom:1px solid var(--border-color);width:90%;max-width:300px;height:40px;color:var(--text-color);margin-bottom:20px;padding:0 10px;font-size:16px}.TodoForm-module__tPgDHq__addBtn{color:var(--btn-text);background-color:var(--btn-bg);border:2px solid var(--btn-bg);cursor:pointer;border-radius:4px;padding:.4rem .8rem;font-size:14px;font-weight:600;transition:all .2s ease-in-out}.TodoForm-module__tPgDHq__addBtn:hover{background-color:var(--bg-color);color:var(--btn-bg);border:2px solid var(--btn-bg)}.TodoForm-module__tPgDHq__addBtn:active{box-shadow:none;transform:scale(.98)}
.TodoItem-module__VAZWcq__todoText{color:var(--text-color);white-space:normal;word-break:break-word;overflow-wrap:anywhere;flex:auto;font-size:.8rem;line-height:1.4}@media (min-width:600px){.TodoItem-module__VAZWcq__todoText,.TodoItem-module__VAZWcq__todoEditInput{font-size:1rem}}.TodoItem-module__VAZWcq__todoCheckbox{cursor:pointer;width:20px;height:20px;accent-color:var(--btn-bg);border-radius:50%;margin-right:.5rem}.TodoItem-module__VAZWcq__todoCheckbox:checked+.TodoItem-module__VAZWcq__todoText{color:var(--border-color);text-decoration:line-through}.TodoItem-module__VAZWcq__fadeOut{opacity:0;transition:opacity 1s,transform 1s;transform:translate(10px)}.TodoItem-module__VAZWcq__deleteBtn{cursor:pointer;background-color:var(--delete-btn-bg);color:var(--delete-btn-text);border:1px solid var(--delete-btn-border);border-radius:4px;padding:5px;transition:background-color .3s}.TodoItem-module__VAZWcq__todoEditInput{min-width:0;color:var(--text-color);flex:auto;margin-left:36px;font-size:.8rem;text-decoration:underline}.TodoItem-module__VAZWcq__deleteBtn,.TodoItem-module__VAZWcq__editBtn,.TodoItem-module__VAZWcq__saveBtn{cursor:pointer;border-radius:4px;padding:5px;transition:background-color .3s}.TodoItem-module__VAZWcq__deleteBtn{background-color:var(--delete-btn-bg);color:var(--delete-btn-text);border:1px solid var(--delete-btn-border)}.TodoItem-module__VAZWcq__deleteBtn:hover{background-color:var(--delete-btn-text);color:var(--delete-btn-bg)}.TodoItem-module__VAZWcq__editBtn{background-color:var(--edit-btn-bg);color:var(--edit-btn-text);border:1px solid var(--edit-btn-border)}.TodoItem-module__VAZWcq__editBtn:hover{background-color:var(--edit-btn-text);color:var(--edit-btn-bg)}.TodoItem-module__VAZWcq__saveBtn{background-color:var(--edit-btn-bg);color:var(--edit-btn-text);border:1px solid var(--edit-btn-border)}.TodoItem-module__VAZWcq__saveBtn:hover{background-color:var(--edit-btn-text);color:var(--edit-btn-bg)}
.Header-module__ldgnoG__header{background-color:var(--todo-bg);text-align:center;letter-spacing:0;width:100%;padding:1.8rem 2rem 0;font-size:.8rem;position:fixed;top:0;left:0}.Header-module__ldgnoG__greeting{text-align:center;color:var(--text-color);margin-top:3rem;font-size:.8rem;transition:color .3s;display:block}.Header-module__ldgnoG__darkModeToggle,.Header-module__ldgnoG__selectableTab,.Header-module__ldgnoG__currentPageTab{border-radius:10px;width:100px;margin:0 0 .6rem;padding:.4rem .6rem}.Header-module__ldgnoG__darkModeToggle{color:var(--text-color);transition:color .2s}.Header-module__ldgnoG__darkModeToggle:active{color:var(--accent-color)}@media (min-width:600px){.Header-module__ldgnoG__greeting{margin-top:5rem;font-size:1rem}.Header-module__ldgnoG__selectableTab,.Header-module__ldgnoG__currentPageTab{width:120px;padding:.8rem 1rem}}.Header-module__ldgnoG__currentPageTab{background-color:var(--bg-color);font-weight:700}.Header-module__ldgnoG__darkModeToggle,.Header-module__ldgnoG__selectableTab{cursor:pointer}