:root{--hue-color:271;--gold:#fdb927;--purple:hsl(var(--hue-color),56%,33%);--purple-bright:hsl(var(--hue-color),87%,55%);--item:hsl(var(--hue-color),100%,25%);--list:var(--gold);--box-shadow-purple:1px 11px 50px -17px var(--purple-bright);--highlight:#ff0;--highlight-two:red;--white:#fff;--dark:#000;--gray-transparent:#b4b4b49e;--button-cancel:var(--dark);--title:var(--purple);--home:#00fff7;--work:#8cff00;--personal:#f0a;--complete:var(--white);--box-shadow:0 5px 16px var(--dark);--md:24px;--lg:64px;--font:"Montserrat",Arial,Helvetica,sans-serif}body{background-color:#fff;background-color:var(--white);color:#fff;color:var(--white);font-family:Montserrat,Arial,Helvetica,sans-serif;font-family:var(--font);margin:0;padding:0}body.dark-theme{--item:initial;--list:var(--purple);--title:var(--gold);--complete:var(--gold);background-color:#562583;background-color:var(--purple)}#root{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin:0 20px;min-height:65vh;position:relative}.TodoChart{height:100px;width:100px}.TodoCounter{flex-wrap:wrap;justify-content:center}.TodoCounter,.TodoCounter-chart{align-items:center;display:flex;flex-direction:row}.TodoCounter-chart{justify-content:flex-start;margin-left:100px}.TodoCounter-chart--item{font-size:22px;font-weight:400;margin:0;padding:48px;text-align:center}.TodoCounter-indicator{cursor:pointer;display:flex;flex-direction:row;gap:3px;margin:2px}.TodoCounter-indicator--item{margin-right:10px}.TodoCounter span{font-weight:700}@media (max-width:1400px){.TodoCounter-indicator{margin:2px 30px}}@media (max-width:871px){.TodoCounter-chart{margin-left:0;padding:10px}.TodoCounter-chart--item{font-size:18px;padding:2px}}.TodoSearchBox{position:relative}.TodoSearch{background:var(--white);border:2px solid var(--purple);border-radius:100px;box-shadow:var(--box-shadow-purple);font-size:var(--md);height:var(--lg);margin:0 24px;text-align:center;width:calc(100% - 62px)}.TodoSearch,.TodoSearch::placeholder{font-family:var(--font);font-weight:400}.TodoSearch::placeholder{color:#a5a5a5}.TodoSearch:focus{outline-color:var(--purple-bright)}.TodoSearch-icon{color:var(--title);height:var(--md);position:absolute;right:2.5rem;top:1.5rem;width:var(--md)}.TodoList{background-color:var(--list);border-radius:26px;box-shadow:1px 11px 50px -17px var(--dark);display:flex;flex-direction:column;list-style:none;margin:0;max-height:660px;overflow-y:auto;padding:0 0 56px}.Todo-list-hundred--percent{width:50%}.TodoList::-webkit-scrollbar{border-radius:24px;margin-top:10px;width:5px}.TodoList::-webkit-scrollbar-thumb{background-color:var(--purple);border-radius:24px}.TodoList:hover::-webkit-scrollbar-thumb{background-color:var(--purple-bright)}.TodoList::-webkit-scrollbar-track{background-color:var(--list);border-radius:24px;margin:18px 0 18px 50px}@media (max-width:1400px){.Todo-list-hundred--percent{width:calc(60% - 40px)}}@media (max-width:1350px){.Todo-list-hundred--percent{width:calc(70% - 50px)}}@media (max-width:1100px){.Todo-list-hundred--percent{width:calc(80% - 60px)}}@media (max-width:900px){.Todo-list-hundred--percent{width:calc(100% - 60px)}}@media (max-width:500px){.TodoList{max-height:600px}.Todo-list-hundred--percent{width:100%}}.Icon-container{align-items:center;cursor:pointer;display:flex;font-size:var(--md);font-weight:700;height:48px;justify-content:center;width:48px}.Icon-container-check,.Icon-container-delete,.Icon-container-edit{position:absolute}.Icon-container-check{right:65px}.Icon-container-edit{right:35px}.Icon-container-delete{right:0}.Icon-container-check--active{color:var(--highlight)}.Icon-container-delete:hover{color:var(--highlight-two)}.Icon-svg{height:var(--md);width:var(--md)}.Icon-svg-white{fill:var(--white)}.Icon-container-check:hover .Icon-svg,.Icon-svg-yellow{fill:var(--highlight)}.Icon-container-edit:hover .Icon-svg{fill:var(--purple-bright)}.Icon-container-delete:hover .Icon-svg{fill:var(--highlight-two)}.TodoItem{align-items:center;background-color:var(--item);border-radius:25px;box-shadow:var(--box-shadow-purple);color:var(--white);display:flex;flex-direction:column;justify-content:center;margin:12px 29px;padding:3px;position:relative;width:calc(100% - 72px)}.TodoItem--complete{border-left:4px solid var(--complete);border-right:4px solid var(--complete)}.TodoItem--edit:hover{background-color:var(--purple-bright);cursor:pointer}.TodoItem-title{font-size:20px;font-weight:700;line-height:24px;margin:12px 0 1px 24px;width:calc(100% - 120px)}.TodoItem-group{align-items:center;display:flex;justify-content:center;width:82%}.TodoItem-p{font-size:18px;font-weight:400;line-height:24px;margin:5px 53px 1px 0;width:calc(100% - 200px)}.TodoItem-border{border-radius:50px;padding:6px;text-align:left}.TodoItem-border-home{border:2px solid var(--home)}.TodoItem-border-work{border:2px solid var(--work)}.TodoItem-border-personal{border:2px solid var(--personal)}.TodoItem-p--complete{-webkit-text-decoration:2px solid var(--highlight) line-through;text-decoration:2px solid var(--highlight) line-through}@media (max-width:500px){.TodoItem{align-items:flex-start;justify-content:normal}.TodoItem-p{margin:12px 0 1px 24px;width:calc(100% - 120px)}}.LoadingTodo-container{align-items:center;animation:loadingAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#fafafa,#c8c7c7);background-size:400% 400%;border-radius:25px;box-shadow:var(--box-shadow-purple);display:flex;justify-content:center;margin:12px 30px;padding:24px 0;position:relative;width:calc(100% - 72px)}.LoadingTodo-text{font-size:18px;font-weight:400;line-height:24px;margin:24px 0 24px 24px;width:calc(100% - 120px)}.LoadingTodo-completeIcon,.LoadingTodo-deleteIcon,.LoadingTodo-editIcon{align-items:center;background:linear-gradient(90deg,#c8c7c7,#b9b5b5);border-radius:50px;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.LoadingTodo-completeIcon{position:absolute;right:100px}.LoadingTodo-editIcon{position:absolute;right:50px}.LoadingTodo-deleteIcon{position:absolute;right:0;top:24px}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.EmptyTodos{padding:1px;position:relative;text-align:center}.CreateTodoButton{align-items:center;border-radius:23px;bottom:var(--lg);display:flex;justify-content:center;left:35%;position:relative}.CreateTodoButton-button{background-color:var(--list);border:none;border-radius:50%;box-shadow:0 5px 16px var(--dark);color:var(--white);cursor:pointer;font-size:50px;font-weight:700;height:var(--lg);transform:rotate(0);transition:all .3s ease 0s;width:var(--lg)}.CreateTodoButton-button:hover{transform:rotate(224deg)}@media (max-width:1400px){.CreateTodoButton{width:calc(60% - 40px)}}@media (max-width:1350px){.CreateTodoButton{width:calc(70% - 50px)}}@media (max-width:1100px){.CreateTodoButton{background-color:var(--gray-transparent);left:0;width:calc(80% - 60px)}}@media (max-width:900px){.CreateTodoButton{width:calc(100% - 60px)}}@media (max-width:500px){.CreateTodoButton{width:100%}}.TodoForm{align-items:center;background-color:var(--list);border:none;border-radius:26px;box-shadow:0 5px 16px var(--dark);display:flex;flex-direction:column;height:100%;justify-content:center;max-width:300px;padding:5px 40px;position:fixed;right:0;transition:width .5s ease;width:0}.TodoForm-expand{width:90%}.TodoForm-icon{color:var(--white);font-size:40px}.TodoForm-label{border-radius:28px;font-size:20px;font-weight:700;margin-bottom:26px;text-align:center}.TodoForm-input,.TodoForm-select,.TodoForm-textArea{background-color:#f9fbfc;border:2px solid var(--purple);border-radius:15px;box-shadow:0 5px 50px #20232940;margin-top:10px;padding:12px;text-align:center;width:calc(100% - 25px)}.TodoForm-textArea{height:96px}.TodoForm-select{width:calc(100% - 1px)}.TodoForm-textArea::placeholder{font-weight:400}.TodoForm-input:focus,.TodoForm-label:focus,.TodoForm-textArea:focus{outline-color:var(--purple-bright)}.TodoForm-buttonContainer{align-items:center;display:flex;justify-content:space-between;margin-top:14px;width:100%}.TodoForm-button{border:none;border-radius:100px;color:var(--white);cursor:pointer;display:inline-block;font-size:20px;font-weight:400;height:48px;width:120px}.TodoForm-button--add{background-color:var(--purple);box-shadow:0 5px 16px var(--dark)}.TodoForm-button--cancel{background-color:var(--button-cancel);box-shadow:0 5px 16px var(--dark);color:var(--white)}.TodoForm-button--add:hover{background-color:var(--purple-bright)}.ModalBackground,.TodoForm-button--cancel:hover{background-color:var(--gray-transparent)}.ModalBackground{align-items:center;bottom:0;color:var(--white);display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.ModalBackground-empty{left:auto}.TodoGroup{display:flex;flex-direction:row;position:relative}.TodoGroup-button{background-color:var(--dark);border:none;border-radius:25px;box-shadow:var(--box-shadow);color:var(--white);cursor:pointer;font-size:15px;font-weight:900;left:20px;margin:2px 2px 8px;position:relative;right:24px;width:100px}.TodoGroup-button--home{background-color:var(--home)}.TodoGroup-button--work{background-color:var(--work)}.TodoGroup-button--personal{background-color:var(--personal)}@media (max-width:980px){.TodoGroup-button{left:0;margin:1px;right:0;width:80px}}.TodoUser{left:110%;position:relative}.TodoUser-button{align-items:center;background-color:var(--gray-transparent);border:none;border-radius:50%;color:#fafafa;color:var(--dark);cursor:pointer;font-size:var(--md);font-weight:700;height:var(--lg);justify-content:center;margin:5px;right:24px;width:var(--lg)}.TodoUser-botton-sun{background-color:initial;color:var(--gold)}@media (max-width:1670px){.TodoUser{left:80%}}@media (max-width:1158px){.TodoUser{left:50%}}@media (max-width:715px){.TodoUser{left:auto}}.TodoHeader{-webkit-text-stroke:1px var(--title);color:#0000;flex-direction:column;font-size:30px;font-weight:900}.TodoHeader,.TodoHeader-title{align-items:center;display:flex;text-align:center}.TodoHeader-title{flex-direction:row}.TodoHeader-title--text{left:90px;position:relative}.TodoHeader-title--color{color:var(--title)}@media (max-width:1800px){.TodoHeader{font-size:90%;width:100%}}@media (max-width:890px){.TodoHeader{font-size:80%}.TodoHeader-title{margin:10px;width:auto}.TodoHeader-title--text{left:auto;position:relative}}.AboutOf{align-items:center;background-color:var(--list);border-radius:26px;display:flex;flex-direction:column;justify-content:center;margin:5px;padding:20px;text-align:center}.AboutOf-BigIcon{font-size:var(--lg)}.AboutOf-SmallIcon{fill:var(--white);cursor:pointer;font-size:var(--md);margin:2px}.AboutOf-badges{align-items:center;display:flex;justify-content:center;margin-top:.5rem;place-items:center}.AboutOf-badge{background-color:var(--gray-transparent);border-radius:50px;color:var(--white);font-size:.7rem;margin:.2rem;padding:.5rem 1rem}.AboutOfButton{align-items:center;border-radius:23px;display:flex;justify-content:center;left:45%;position:relative}.AboutOfButton-button{background-color:var(--list);border:none;border-radius:50%;color:var(--white);cursor:pointer;font-size:25px;font-weight:700;height:var(--md);width:var(--md)}@media (max-width:600px){.AboutOf{width:50%}.AboutOf-badges{flex-direction:column}}
/*# sourceMappingURL=main.6151f4de.css.map*/