*{font-family:Comfortaa,cursive,-apple-system,system-ui,sans-serif;list-style:none;margin:0;outline:none;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.todo{display:flex;justify-content:space-around;text-align:center}.todo__category-tasks{background:#dad7d7;font-size:40px;padding-top:20px;width:37%}.todo__list-left{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.todo__list-left ul{margin-bottom:40px}.todo__edit-tasks{background:#f7d3f7;flex:1 1;font-size:30px;overflow:auto;padding:30px 20px}.todo__list{height:30px;padding-right:25px;width:34px}.active{border-radius:20px;cursor:pointer;padding:12px 60px}.active,.field{background:#fff}.field{border:1px solid #efefef;border-radius:30px;box-sizing:border-box;padding:15px 30px;text-align:center}.field:focus{border:2px solid #f7d3f7}.field::-webkit-input-placeholder{font-size:18px}.field::placeholder{font-size:18px}.line{border-left:2.7px solid #d8feee}.line:hover{cursor:col-resize}.header{align-items:center;display:flex;font-size:50px;height:100px;justify-content:center;text-align:center}.items{overflow:hidden;width:93%}.item{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.item span{overflow:hidden;text-overflow:ellipsis;width:70%}.item:hover{background:#fff;border-radius:20px;cursor:pointer;padding:12px 60px}.item:hover,.item:not(:hover){transition:.7s}.item:hover .item__delete{opacity:.4;transition:.7s}.item .item__delete{opacity:0}.item .item__delete:hover{opacity:1}.item__delete{height:18px;margin-bottom:-2px;margin-left:20px;width:18px}.add-category{margin-top:40px}.add-category__plus{height:33px;padding-right:25px;width:33px}.add-category:hover{background:#fff;border-radius:20px;cursor:pointer;padding:12px 60px;transition:.8s}.add-category:not(:hover){transition:.8s}.add-category__popup{background:#d8ffee;border-radius:30px;box-shadow:0 6px 10px rgba(0,0,0,.05);height:170px;margin-top:30px;padding-top:35px;position:relative;width:335px}.button{background:#fff;border:0;border-radius:30px;color:#747474;font-size:17px;margin-top:25px;padding:10px 70px}.button:hover{background:#f7d3f7;cursor:pointer}.button:hover,.button:not(:hover){transition:.8s}.close-popup{cursor:pointer;height:25px;position:absolute;right:-4px;top:-4px;width:25px}input[type=text]{font-size:21px}.todo__list-right{align-items:center;display:flex;justify-content:center}.title{width:50%}.title h2{overflow:hidden;text-overflow:ellipsis}.todo__edit-image{cursor:pointer;opacity:.4}.todo__edit-image:hover{opacity:1}.checkbox{align-items:flex-start;display:flex;position:relative}.checkbox input:checked+label{background-color:#d8feee;border-color:#d8feee}.checkbox:hover img{cursor:pointer;opacity:1}.checkbox label{border:3px solid #b9b9b9;border-radius:30px;cursor:pointer;display:inline-block;height:25px;margin-top:-1px;width:25px}.checkbox input{display:none}.todo__items{display:flex;flex-direction:column;margin-left:75px;margin-top:50px}.item-task{display:flex;justify-content:flex-start;margin-bottom:30px}.checkbox__done-item{height:18px;opacity:0;position:absolute;right:7px;top:17px;width:18px}.edit-item{margin-left:30px}.tasks__form-block{margin-top:60px}.add-task{height:29px;margin-right:25px;width:29px}.tasks__form-new{align-items:center;cursor:pointer;display:flex;margin-top:35px}.tasks__form-new span{font-size:33px}.button-task{background:#fff;border:0;border-radius:30px;color:#747474;font-size:17px;margin-right:15px;margin-top:35px;padding:10px 70px}.button-task:hover{background:#d8feee;cursor:pointer;transition:.8s}.button-task:not(:hover){transition:.8s}.field-width{width:70%}.common-style{cursor:pointer;height:20px;width:20px}.common-style:hover{background-color:#d8feee;border-radius:15px;padding:10px;transition:.8s}.common-style:not(:hover){transition:.8s}.edit-style{margin-left:50px;margin-right:15px}.footer{align-items:center;display:flex;font-size:50px;height:100px;justify-content:center;text-align:center}
/*# sourceMappingURL=main.49ff6d0b.css.map*/