@import"https://fonts.googleapis.com/css2?family=Suez+One&display=swap";#root,#modal{margin:auto;max-width:570px;width:90%;font-family:Poppins,sans-serif}.TodoCounter{letter-spacing:2px;font-family:Suez One,serif;text-align:center;font-size:25px;margin:0;padding:48px 0;font-weight:medium}.TodoCounter span{font-weight:700}.ContainerTodoSearch{display:flex;justify-content:space-between;align-items:center;height:50px;gap:10px}.TodoSearch{height:20px;outline:none;display:flex;border-radius:2px;width:90%;max-width:400px;padding:15px;font-family:Poppins,sans-serif;background:#EFEFEF;font-weight:400;color:#1e1e1f;border:2px solid #202329;font-size:14px;box-shadow:1px 1px,2px 2px,3px 3px,4px 4px,5px 5px}.TodoSearch::placeholder{font-size:14px;letter-spacing:1px;font-family:Poppins,sans-serif}.TodoSearch:focus{background-color:#ebebeb}.CreateTodoButton{height:53px;letter-spacing:1px;text-decoration:none;text-transform:uppercase;color:#000;cursor:pointer;border:3px solid;padding:.3em .5em;box-shadow:1px 1px,2px 2px,3px 3px,4px 4px,5px 5px;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-family:Poppins}.CreateTodoButton:hover{background-color:#ebebeb}.TodoList{margin:0;padding:0 0 56px;list-style:none}.TodoItem{background-color:#fafafa;position:relative;display:flex;justify-content:center;align-items:center;margin-top:24px;border-radius:2px;box-shadow:0 5px 25px #494c5326}.TodoItem-p{margin:24px 0 24px 24px;width:calc(100% - 120px);font-size:18px;line-height:24px;font-weight:400}.TodoItem-p--complete{text-decoration:line-through}.Icon-container-check{left:12px}.Icon-container-check--active{color:#4caf50}.Icon-container-delete:hover{color:red}.Icon-container-delete:focus{color:red}.Icon-container-check:hover{color:green}.Icon-container-edit:hover{color:gray}.Icon{cursor:pointer;display:flex;justify-content:center;align-items:center;height:48px;width:48px;font-size:24px;font-weight:700}.Icon-svg{width:24px;height:24px}.todoLoadingList{margin:0;padding:0 0 56px;list-style:none}.todoLoadingItem{background-color:#fafafa;position:relative;display:flex;justify-content:center;align-items:center;margin-top:24px;max-width:570px;min-width:90%;height:72px;border-radius:2px;box-shadow:0 5px 25px #494c5326}.pulsate{background:linear-gradient(-45deg,#e9e9e9,#F0F0F0,#e9e9e9,#F0F0F0);background-size:400% 400%;-webkit-animation:Gradient 2.25s ease infinite;-moz-animation:Gradient 2.25s ease infinite;animation:Gradient 2.9s ease infinite}@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.TodoEmpty{text-align:center;margin-top:25px}.todoNav{display:flex;justify-content:space-between;align-items:center;height:60px;margin-top:20px;border-radius:2px;border-bottom:1px solid lightgray}.todoNav-list{display:flex;align-items:center;list-style:none;text-align:right;padding:0;gap:25px;margin:0 0 0 10px}.todoNav-list__item{cursor:pointer;color:#656565}.todoNav-list__item:hover{color:#000}.todoNameSpan{display:flex;align-items:center;height:100%;margin:0;padding-right:10px;padding-left:10px;letter-spacing:2px}.active{font-weight:700;color:#000}@media (max-width: 470px){.todoNav{justify-content:center}.todoNameSpan{display:none}}.TodoFormContainer{padding:30px 30px 50px;border-radius:2px;background-color:#f9fbfc;display:flex;flex-direction:column;justify-content:center;align-items:center}.TodoForm{width:320px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:15px}.TodoFormTitle{margin:0 0 20px;text-align:center;font-size:21px}.createTaskInput{outline:none;display:flex;border-radius:2px;width:90%;max-width:400px;padding:15px;font-family:Roboto Mono,sans-serif;background:#f9fbfc;font-weight:400;color:#1e1e1f;border:2px solid #202329;font-size:14px}.createTaskInput::placeholder{font-size:14px;letter-spacing:1px;font-family:Poppins,sans-serif}.createTaskInput:focus{background-color:#ebebeb}.createTaskInput{grid-column:1 / -1}.btn{letter-spacing:2px;text-decoration:none;color:#000;border:3px solid;padding:.35em .5em;box-shadow:1px 1px,2px 2px,3px 3px,4px 4px,5px 5px;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;text-transform:uppercase;cursor:pointer;font-family:Poppins}.cancelTaskButton{background-color:#fee6e3}.createTaskButton:hover{background-color:#ebebeb}.ErrorTodo{width:70%;margin:30px auto auto;padding:10px;font-size:14px;text-align:center;border-radius:5px;background-color:#fc8181}