@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);html[data-theme=dark]{--gray1:#272d38;--gray2:#242830;--gray3:#303745;--gray4:#303745}html[data-theme=light]{--gray1:#f4f4f4;--gray2:#e8e8e8;--gray3:#d4d4d4;--gray4:#dedede}.list-loading{-webkit-animation:pulsingAnimation 1.6s ease-in-out infinite forwards;animation:pulsingAnimation 1.6s ease-in-out infinite forwards}.TodoList.container:not(.list-loading){-webkit-animation:inAnimation .4s ease-in-out 1 forwards;animation:inAnimation .4s ease-in-out 1 forwards}.loading-todo{align-content:center;-webkit-animation:preloadAnimation 3.5s linear infinite forwards;animation:preloadAnimation 3.5s linear infinite forwards;background:#fcfcfc;background:linear-gradient(to right,var(--gray1) 8%,var(--gray2) 18%,var(--gray1) 33%);border-radius:6px;border-radius:10px;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:24px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.loading-todo .loading-title{background:#fcfcfc;background:linear-gradient(to right,var(--gray3) 8%,var(--gray2) 18%,var(--gray3) 33%);height:40px;margin-top:5px}.loading-todo .loading-content,.loading-todo .loading-title{-webkit-animation:preloadAnimation 3.5s linear infinite forwards;animation:preloadAnimation 3.5s linear infinite forwards;border-radius:8px;width:100%}.loading-todo .loading-content{background:#fcfcfc;background:linear-gradient(to right,var(--gray4) 8%,var(--gray2) 18%,var(--gray4) 33%);height:100px;margin-top:30px}.loading-todo .loading-delete-icon{-webkit-animation:preloadAnimation 29.5s linear infinite forwards;animation:preloadAnimation 29.5s linear infinite forwards;background:#fcfcfc;background:linear-gradient(to right,var(--gray1) 8%,var(--gray2) 18%,var(--gray1) 33%);border-radius:100%;display:block;height:30px;margin-top:30px;position:absolute;right:-10px;top:-45px;width:30px}.TodoSearchEmpty,.TodosEmpty,.TodosError{align-items:center;display:flex;gap:10px;justify-content:center;min-height:calc(100vh - 348px)}.TodoSearchEmpty h1,.TodosEmpty h1,.TodosError h1{color:var(--title-home);font-size:20px;font-weight:500;letter-spacing:-.54px}.TodoSearchEmpty svg,.TodosEmpty svg,.TodosError svg{color:var(--title-home);font-size:32px;font-weight:500}@-webkit-keyframes preloadAnimation{0%{background-position:-769px}to{background-position:769px}}@keyframes preloadAnimation{0%{background-position:-769px}to{background-position:769px}}@-webkit-keyframes pulsingAnimation{0%{-webkit-transform:scale(.97);transform:scale(.97)}70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.97);transform:scale(.97)}}@keyframes pulsingAnimation{0%{-webkit-transform:scale(.97);transform:scale(.97)}70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.97);transform:scale(.97)}}@-webkit-keyframes inAnimation{0%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes inAnimation{0%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}html[data-theme=dark]{--todo-item:#272d38;--color-primary:#651fff;--green:#01b636;--background:#1a202c;--close-box-shadow:0px 0px 5px hsla(0,0%,48%,.15);--box-shadow:0px 7px 12px 6px rgba(66,64,64,.09);--border:hsla(0,0%,100%,.06);--box-shadow-modal:rgba(83,80,90,.326);--hover-input:hsla(0,0%,100%,.04)}html[data-theme=light]{--box-shadow-modal:rgba(31,27,40,.306);--color-primary:#651fff;--close-box-shadow:0px 0px 5px rgba(54,54,54,.134);--box-shadow:0px 7px 12px 6px hsla(0,0%,46%,.13);--text-mode:#fff;--search-input:#fafafa;--todo-item:#fff;--text-title:#130f1c;--text-description:#2b2932;--background:#fff;--title-home:#651fff;--green:#a6e7a6;--border:#dedee0;--gray:#3d3d3d;--hover-input:hsla(0,0%,97%,.922)}html[data-theme=dark] select{background:#1a202c}html[data-theme=light] input:not(.chakra-input),html[data-theme=light] select,html[data-theme=light] textarea:focus{border:2px solid #cbbee7}.swal2-popup{background:var(--background);color:var(--text-title)}.swal2-popup .swal2-icon{border-color:var(--text-title)!important;color:var(--text-title)!important}*{font-family:roboto}body{background:#fafafa}body::-webkit-scrollbar{-webkit-appearance:none}body::-webkit-scrollbar:vertical{width:10px}body::-webkit-scrollbar-button,body::-webkit-scrollbar-button:increment{display:none}body::-webkit-scrollbar:horizontal{height:10px}body::-webkit-scrollbar-thumb{background-color:#797979;border:2px solid #f1f2f3;border-radius:20px}body::-webkit-scrollbar-track{border-radius:10px}#root{min-height:100vh}#root .name-logo{color:var(--title-home);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:40px;padding:5px;text-align:center}@media(max-width:380px){#root .name-logo{margin-right:45px}}#root .name-logo svg{color:var(--title-home);margin-right:10px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}#root .loading-icon{position:absolute;right:50%;top:50%}#root h2.numberTasks{background:var(--color-primary);color:var(--text-mode);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:40px;padding:5px;text-align:center}.searchInput{background:var(--search-input);border:none;border-radius:5px}.container{margin:auto;max-width:1400px;padding:20px}.TodoList{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,100%));min-height:calc(100vh - 350px)}.TodoList .TodoItem{align-content:center;align-items:center;background:var(--todo-item);border-radius:6px;border-radius:10px;box-shadow:var(--box-shadow);display:flex;flex-wrap:wrap;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:24px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.TodoList .TodoItem p.title{color:var(--text-title);display:inline;font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:32px;margin:0;width:calc(100% - 65px)}.TodoList .TodoItem .description{color:var(--text-description);font-size:14px;font-weight:400;letter-spacing:-.02em;margin:0;width:100%}.TodoList .TodoItem .line{background:#ececee;border-radius:12px;display:block;height:2px;transition:all .3s ease-in-out;width:100%}.TodoList .TodoItem .Icon-tooltip{background:var(--background);border:2px solid #d6d6d6;border-radius:4px;opacity:0;padding:5px;position:absolute;right:-30px;top:20px;transition:all .3s ease-in-out;visibility:hidden;z-index:99}.TodoList .TodoItem .TodoItem-category-icons{position:relative;top:-10px}.TodoList .TodoItem .TodoItem-category-icons svg{color:var(--gray);cursor:pointer;font-size:20px;position:absolute}.TodoList .TodoItem .TodoItem-category-icons:hover .Icon-tooltip{opacity:1;visibility:visible}.TodoList .TodoItem .close{align-items:center;background:var(--background);border-radius:100%;box-shadow:var(--close-box-shadow);cursor:pointer;display:flex;font-size:20px;height:26px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .3s ease-in-out;width:26px}.TodoList .TodoItem .close:hover{background:var(--color-primary);color:#fff}.TodoList .TodoItem .Icon.Icon-check{cursor:pointer;line-height:0px;width:20px}.TodoList .TodoItem .Icon.Icon-check.icon-check--completed svg{color:green}.TodoList .TodoItem.item--completed{background:var(--green)}.TodoList .TodoItem:hover .line{background:var(--color-primary)}.TodoList .TodoItem:hover .TodoItem-category-icons svg{color:var(--color-primary);transition:all .2s ease-in-out}.TodoList .TodoItem .edit-container{cursor:pointer;margin-left:auto;position:relative;transition:all .144s ease-in-out}.TodoList .TodoItem .edit-container svg{font-size:20px}.TodoList .TodoItem .edit-container:hover svg{color:var(--color-primary)}.TodoList .TodoItem .edit-container:hover .Icon-tooltip{opacity:1;visibility:visible}.TodoBotton,.btn,.primaryBtn{background:var(--color-primary);border:none;border-radius:5px;color:#fff;font-size:14px;font-weight:700;line-height:36px;margin-top:20px;min-width:200px;padding:2px 40px;text-align:center;z-index:199}@media(max-width:900px){.TodoBotton,.btn,.primaryBtn{background:rgba(102,31,255,.773)}.TodoBotton .--hidden-desktop,.btn .--hidden-desktop,.primaryBtn .--hidden-desktop{display:none}}.TodoBotton .TodoBotton-icon,.btn .TodoBotton-icon,.primaryBtn .TodoBotton-icon{margin-left:10px}.TodoBotton .TodoBotton-icon svg,.btn .TodoBotton-icon svg,.primaryBtn .TodoBotton-icon svg{font-size:12px}@media(max-width:900px){.TodoBotton.--border-radius,.btn.--border-radius,.primaryBtn.--border-radius{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:100%;min-height:65px;min-width:65px;padding:0;right:calc(50% - 32.5px)}.TodoBotton.--border-radius .TodoBotton-icon,.btn.--border-radius .TodoBotton-icon,.primaryBtn.--border-radius .TodoBotton-icon{margin-left:0}.TodoBotton.--border-radius .TodoBotton-icon svg,.btn.--border-radius .TodoBotton-icon svg,.primaryBtn.--border-radius .TodoBotton-icon svg{font-size:24px;transition:all .3s ease-in-out}.TodoBotton.--border-radius:hover .TodoBotton-icon svg,.btn.--border-radius:hover .TodoBotton-icon svg,.primaryBtn.--border-radius:hover .TodoBotton-icon svg{-webkit-transform:scale(1.3);transform:scale(1.3)}.TodoBotton.--equis svg,.btn.--equis svg,.primaryBtn.--equis svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.TodoBotton.--equis:hover .plusIcons svg,.btn.--equis:hover .plusIcons svg,.primaryBtn.--equis:hover .plusIcons svg{-webkit-transform:scale(1.3) rotate(45deg);transform:scale(1.3) rotate(45deg)}}.modal{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--box-shadow-modal);display:flex;height:100%;justify-content:center;opacity:0;position:fixed;top:0;transition:all .22s ease;visibility:hidden;width:100%;z-index:99}.modal .wrapper-modal{background:var(--background);border-radius:8px;height:70%;max-width:900px;min-width:300px;opacity:0;position:relative;-webkit-transform:scale(0);transform:scale(0);transition:all .15s ease-in;visibility:hidden;width:70%}.modal .wrapper-modal .form-container{max-height:100%;overflow:auto;padding:30px}.modal .wrapper-modal .form-container::-webkit-scrollbar{-webkit-appearance:none}.modal .wrapper-modal .form-container::-webkit-scrollbar:vertical{width:10px}.modal .wrapper-modal .form-container::-webkit-scrollbar-button,.modal .wrapper-modal .form-container::-webkit-scrollbar-button:increment{display:none}.modal .wrapper-modal .form-container::-webkit-scrollbar:horizontal{height:10px}.modal .wrapper-modal .form-container::-webkit-scrollbar-thumb{background-color:#797979;border:2px solid #f1f2f3;border-radius:20px}.modal .wrapper-modal .form-container::-webkit-scrollbar-track{border-radius:10px}.modal .close{align-items:center;background:var(--background);border-radius:100%;box-shadow:var(--close-box-shadow);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;padding:5px;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:30px}.modal .close:focus,.modal .close:hover{background:var(--color-primary);color:#fff}.modal.--active{opacity:1;visibility:visible}.modal.--active .wrapper-modal{opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}.input,select{background:var(--background);border:2px solid var(--border);border-radius:5px;box-sizing:border-box;margin:10px 0;min-height:35px;outline:none;overflow:auto;padding:5px 20px;resize:vertical;transition:all .2s ease;width:100%}.input.textarea,select.textarea{min-height:150px}.input::-webkit-input-placeholder,select::-webkit-input-placeholder{color:#5a5761;font-size:16px;font-weight:400;line-height:24px}.input:-ms-input-placeholder,select:-ms-input-placeholder{color:#5a5761;font-size:16px;font-weight:400;line-height:24px}.input::placeholder,select::placeholder{color:#5a5761;font-size:16px;font-weight:400;line-height:24px}.input:hover,select:hover{background:var(--hover-input)}.input:focus,select:focus{border:2px solid var(--hover-input)}@media(min-width:600px){.TodoList{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(calc(50% - 10px),calc(50% - 10px)));min-height:calc(100vh - 320px)}}@media(min-width:1200px){.TodoList{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,calc(33% - 10px)));min-height:calc(100vh - 320px)}}.Switch{background:#651fff;border-radius:100px;cursor:pointer;height:38px;position:absolute;right:15%;top:6px;transition:all .3s ease-in-out;width:80px}@media(max-width:700px){.Switch{right:2%}}.Switch .light-container{background:#e3d50f;border-radius:100%;height:10px;height:28px;left:6px;position:absolute;top:5px;transition:all .3s ease-in-out;width:10px;width:28px}.Switch .light-container:before{content:url(https://api.iconify.design/wi/stars.svg?color=white&width=24&height=24);opacity:0;visibility:hidden}.Switch .light-container .light__content{background:#e4f407;border-radius:100%;height:20px;left:4px;position:absolute;top:4px;transition:all .3s ease-in-out;width:20px}.Switch.light .light-container{-webkit-animation:themeLightMode .4s linear forwards;animation:themeLightMode .4s linear forwards}.Switch.dark{background:#26334a}.Switch.dark .light-container{-webkit-animation:themeDarkMode .4s linear forwards;animation:themeDarkMode .4s linear forwards}.Switch.dark .light-container:before{-webkit-animation:themeDarkModeStars .4s ease-in forwards;animation:themeDarkModeStars .4s ease-in forwards;-webkit-animation-delay:.4s;animation-delay:.4s;display:inline-block;opacity:1;position:relative;top:3px;visibility:visible}.Switch.dark .light-container .light__content{background:#26334a}.Switch.dark .light-container .light__content:after{content:url(https://api.iconify.design/bi/moon.svg?color=white&width=13&height=13);left:3px;position:relative;top:-1px}@-webkit-keyframes themeDarkMode{to{background:#fff;-webkit-transform:translate(40px);transform:translate(40px)}}@keyframes themeDarkMode{to{background:#fff;-webkit-transform:translate(40px);transform:translate(40px)}}@-webkit-keyframes themeLightMode{0%{-webkit-transform:translate(40px);transform:translate(40px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes themeLightMode{0%{-webkit-transform:translate(40px);transform:translate(40px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes themeDarkModeStars{to{-webkit-transform:translate(-36px) scale(1.1);transform:translate(-36px) scale(1.1)}}@keyframes themeDarkModeStars{to{-webkit-transform:translate(-36px) scale(1.1);transform:translate(-36px) scale(1.1)}}.toolbar{bottom:20px;display:flex;justify-content:center;position:-webkit-sticky;position:sticky;width:100%}
/*# sourceMappingURL=main.74c035b3.css.map*/