@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-um8UoiUv.woff)}:root{--main-color: #2ca4a5;--main-color-hover: #228799;--contrasting-color: #df3186;--contrasting-color-hover: #c7177e;--submit-btn-color: white;--container-body-color: white;--body-bg-color: linear-gradient(90deg, #2ca5a533, #df318534);--done-task: #C7D0CC;--black: #11111e}body{font-family:Roboto,sans-serif;margin:0;padding:0;background:var(--body-bg-color)}#root{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}h1,h2,h3,h4,h5,h6{margin:0;padding:0}button,button:active,button:focus{border:none;outline:none}input,input:focus,input:active{outline:none}.container{width:40%;box-sizing:border-box;background-color:var(--container-body-color);padding:1rem}@media (max-width: 1250px){.container{width:50%}}@media (max-width: 900px){.container{width:70%}}@media (max-width: 600px){.container{width:100%}}.title{font-size:3rem;color:var(--main-color)}@media (max-width: 450px){.title{text-align:center;font-size:2rem}}.tasks-list{list-style-type:none;padding:0;max-height:12rem;overflow-y:auto}.tasks-list{scrollbar-width:thin;scrollbar-color:var(--black) rgba(0,0,0,0)}.tasks-list::-webkit-scrollbar{height:12px;width:12px}.tasks-list::-webkit-scrollbar-track{background:#0000}.tasks-list::-webkit-scrollbar-thumb{background-color:#0000;border-radius:5px;border:3px solid var(--black)}.task{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.task-control-btns{display:flex;gap:1px;margin-left:auto}.task-control-btn{display:flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:1px}.check{background-color:var(--main-color)}.check:hover{background-color:var(--main-color-hover)}.cross{background-color:var(--contrasting-color)}.cross:hover{background-color:var(--contrasting-color-hover)}.icon{height:100%;color:#fff}.task-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.done{text-decoration:line-through;color:var(--done-task)}.panel{display:flex;width:100%}.input{width:80%;height:2.5rem;box-sizing:border-box;padding-left:1rem;border:1px solid var(--main-color)}.submit-btn{width:20%;height:2.5rem;background-color:var(--main-color);box-sizing:border-box;color:var(--submit-btn-color)}.submit-btn:hover{background:linear-gradient(90deg,var(--main-color),var(--contrasting-color))}@media (max-width: 450px){.panel{flex-direction:column}.input{width:100%;margin-bottom:.5rem}.submit-btn{width:100%}}.info{color:var(--main-color);text-align:end;font-size:1.2rem}.controls-btns{display:flex;gap:1rem;margin:1rem 0}.controls-btn{height:2rem;color:#fff}.controls-btn:hover{background-color:var(--main-color-hover);color:#fff}.all-tasks-btn,.active-task-btn,.is-done-btn{background-color:var(--main-color);outline:none}.del-done-task-btn{margin-left:auto;background-color:var(--black)}.active-btn,.active-btn:active,.active-btn:focus{border:1px solid var(--main-color);color:var(--main-color);background-color:#0000}.del-done-task-btn:hover{border:1px solid var(--black);color:var(--black);background-color:#0000}@media (max-width: 450px){.controls-btns{flex-direction:column;gap:.4rem}.del-done-task-btn{width:100%}.info{text-align:center}}