:root{--backgroun-color:#222;--gradiente-icon:linear-gradient(180deg,#ffa25e,rgba(252,164,99,.972) 30.42%,rgba(138,227,255,0) 90%);--gradient-icon__reverse:linear-gradient(0deg,#ffa25e,rgba(252,164,99,.972) 30.42%,rgba(138,227,255,0) 90%);--gradient-button:linear-gradient(92.42deg,rgba(255,215,112,.74) 15.13%,rgba(255,162,94,.74) 97.21%);--button-color-inactive:#ffd670df;--button-color-active:#ffd670;--task-color:#cecece;--inactive-complete-button:#00000023;--tittle-font:"Martel Sans";--body-font:"Raleway";--input-color:#a4a4a4}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#222;background-color:var(--backgroun-color);color:#fff;font-size:62.5%}.inactive{display:none!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Raleway;font-family:var(--body-font);margin:0}header{align-items:center;display:flex;justify-content:center;padding:20px 0}.header-circle-logo{background:linear-gradient(180deg,#ffa25e,rgba(252,164,99,.972) 30.42%,rgba(138,227,255,0) 90%);background:var(--gradiente-icon);border-radius:50%;height:20px;margin-right:13px;width:20px}header .header-tittle{font-family:Martel Sans;font-family:var(--tittle-font);font-size:2.4rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.completedTasks{background:var(--gradient-button);border:none;border-radius:95px;color:#fff;cursor:pointer;display:block;font-family:Martel Sans;font-weight:600;height:40px;margin:0 auto 10px;transition-duration:.3s;width:230px}.completedTasks:hover{text-shadow:rgba(0,0,0,.19) 0 10px 20px,rgba(0,0,0,.23) 0 6px 6px;width:250px}.TodoCounter{font-family:var(--body-font);font-size:1.5rem;font-weight:500;margin:0 auto;text-align:center;width:80%}.filterButon{background:none;border:none;bottom:19.5px;color:var(--button-color-inactive);cursor:pointer;font-size:3.7rem;left:25px;position:fixed;transition-duration:.5s}.filterButon--close{color:#c66950;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.filterButon:hover{font-size:4rem}.filters-title-container{display:flex;justify-content:center}.filters-title{font-family:var(--tittle-font);font-size:3.2rem;font-weight:800;margin:0 auto}.filters-container{border-radius:15px;color:#000;display:flex;flex-direction:column;font-family:var(--tittle-font);gap:10px;margin:15px auto 0;padding:15px;width:85%}.inactiveForm{align-items:center;background-color:#a4a4a4;border-radius:10px;display:flex;height:33px;justify-content:space-between;padding:5px 10px}.filters-items h3{font-size:1.5rem;font-weight:800}.filters-items i{cursor:pointer;font-size:1.7rem;margin-top:3px;transition-duration:.3s}.filters-items i:hover{font-size:2rem}.inactive{display:none}#filters-search-input{background:#d9d9d9;border:none;border-radius:10px;padding:2.5px 2.5px 2.5px 6px;width:60%}:focus-visible{outline:3px solid #9999ffb3}.filters-footer{display:flex;justify-content:space-between}.circle-logo{background:var(--gradient-icon__reverse);border-radius:50%;height:20px;width:20px}.filter-add-button{background:var(--gradient-button);border:none;border-radius:96px;color:#fff;cursor:pointer;height:25px;text-shadow:rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px;transition-duration:.3s;width:100px}.filter-add-button:hover{box-shadow:0 3px 8px rgba(0,0,0,.24)}.filter-priority-header{display:flex;justify-content:space-between}.filter-priority-activeForm{background-color:#484848;border-radius:10px 10px 0 0;color:#fff;display:flex;flex-direction:column;padding:5px 10px 15px}#filter-priority-select{-moz-appearance:button-arrow-down;background-color:var(--task-color);font-family:var(--title-font);font-weight:500;padding:5px}.filters-date-header{display:flex;justify-content:space-between}.filters-date-activeForm{background-color:#484848;border-radius:10px 10px 0 0;color:#fff;display:flex;flex-direction:column;padding:5px 10px 15px}.filters-date-form{background-color:var(--task-color);border-radius:0 0 10px 10px;color:#000;display:flex;flex-direction:column;gap:10px;padding:10px}.filters-date-form label{display:flex;justify-content:space-between}.filters-date-form label input{background-color:#7e7e7e;border:none;border-radius:0 10px 10px 0;color:#fff;font-family:var(--title-font);font-weight:600;margin-left:20px;outline:none;padding:0 5px}.TodoList-container--grid{display:grid;grid-auto-rows:65px;grid-template-columns:repeat(auto-fill,minmax(300px,350px));justify-content:center}.TodoList-date{font-size:1.2rem;font-style:italic;margin:0 auto 8px;max-width:310px;min-width:240px}hr{margin:20px auto 5px;opacity:10%;width:90%}.todoItem-container{align-items:center;background-color:var(--task-color);border-radius:15px;display:flex;height:55px;margin:0 20px;max-width:335px;overflow:hidden}.todoItem-container p{color:#000;font-size:1.4rem;font-weight:500;text-align:center;width:100%}.todoItem-icon{color:rgba(0,0,0,.278);cursor:pointer;font-size:2rem;transition-duration:.3s}.todoItem-delete{bottom:13px;font-size:1.8rem;left:92%;position:relative}.todoItem-delete:hover{color:#9e1818}.todoItem-complete{position:relative;right:90%}.todoItem-complete:hover{color:#3b8417}.todoItem-completed{background-color:#868686;transition-duration:.5s}.todoItem-completed .todoItem-complete{color:rgba(0,0,0,.695)}.todoItem-completed p{color:#000;font-style:italic;text-decoration:line-through}.addButton{background:none;border:none;bottom:19.5px;color:var(--button-color-inactive);cursor:pointer;font-size:3.7rem;position:fixed;right:25px;transition-duration:.3s;z-index:2}.addButton:hover{font-size:4rem}.activate{color:#c66950;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ModalBackground{background:rgba(0,0,0,.71);bottom:0;color:#fff;left:0;position:fixed;right:0;top:0;transition-duration:1s}.ModalBackground,.newTask-container__flex{align-items:center;display:flex;justify-content:center}.newTask-container__flex{flex-direction:column;width:100%}.newTask-title{font-family:var(--tittle-font);font-size:3.2rem;font-weight:800}.newTask-box{background:var(--task-color);border-radius:15px;display:flex;flex-direction:column;height:132px;width:95%}.newTask-input{align-self:center;background-color:var(--input-color);border:0;border-radius:10px 10px 0 0;font-family:var(--body-font);height:82px;margin:10px 15px;padding:10px;width:90%}.newTask-input:focus-visible{outline-color:var(--button-color);outline-style:inset}.newTask-footer{display:flex;justify-content:space-between;margin:0 15px}.newTask-date-container{align-items:center;color:#000;display:flex;font-style:italic}.newTask-circle-logo{background:var(--gradient-icon__reverse);border-radius:50%;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);height:20px;margin-right:9px;width:20px}.newTask-button{background:var(--gradient-button);border:none;border-radius:96px;box-shadow:0 3px 8px rgba(0,0,0,.24);color:#fff;cursor:pointer;height:25px;margin-left:10%;text-shadow:rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px;transition-duration:.3s;width:100px}.newTask-button:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.emptyTodo-container{align-items:center;background:linear-gradient(90.08deg,#d9d9d9 -950.92%,hsla(0,0%,85%,0) 86.05%);border-radius:12px;color:#fff;display:flex;font-family:var(--tittle-font);font-size:1.3rem;font-weight:500;height:53px;margin:4px auto;width:313px}.emptyTodo-text{margin-left:18px}.emptyTodo-icon{color:var(--button-color-inactive);font-size:2.8rem;margin-left:58px;margin-top:3px}.second{margin-left:28px}.loadingTodo-container{align-items:center;background-color:#e9e9e9;border-radius:15px;display:flex;height:55px;margin:0 20px;max-width:335px;overflow:hidden}.loadingTodo-check{background-color:#cecece;border-radius:50%;height:20px;position:relative;right:-5%;width:20px}.loadingTodo-text{background-color:#cecece;height:15px;margin-left:10%;width:70%}.loadingTodo-check,.loadingTodo-text{-webkit-animation:loadingAnimation 3s ease-in-out infinite;animation:loadingAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#cecece,#f4e8e8);background-size:400% 400%}@-webkit-keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}
/*# sourceMappingURL=main.35fc9111.css.map*/