*{margin:0;padding:0}body{box-sizing:border-box}a{display:block;text-decoration:none}.todo-app{box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1);margin:0 auto;width:550px}.todo-app .ipt-add{background:rgba(0,0,0,.003);border:none;box-shadow:inset 0 -2px 1px rgb(0 0 0/3%);box-sizing:border-box;margin:0 auto;padding:16px 16px 16px 60px;width:100%}.list-todo-item{border-bottom:1px solid #ededed;display:flex;line-height:1.2;position:relative}.list-todo-item input+label{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23ededed%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");background-position:0;background-repeat:no-repeat}.list-todo-item input:checked+label{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23bddad5%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%235dc2af%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22/%3E%3C/svg%3E")}.todo-content{height:100%;padding:15px 15px 15px 60px;width:100%}.btn-close{background:transparent;border:none;bottom:0;color:#cc9a9a;display:none;height:40px;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .2s ease-out;width:40px}.btn-close:before{content:"x";cursor:pointer;font-size:20px}.btn-close:hover{color:#af5b5e}.list-todo-item:hover .btn-close{display:block}.footer{color:#777;position:relative}.footer-content{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:10px 15px}.footer-content,.footer:before{left:0;position:absolute;right:0}.footer:before{bottom:0;box-shadow:0 1px 1px rgba(0,0,0,.2),0 8px 0 -3px #f6f6f6,0 9px 1px -3px rgba(0,0,0,.2),0 16px 0 -6px #f6f6f6,0 17px 2px -6px rgba(0,0,0,.2);content:"";height:50px;overflow:hidden;top:100%}.footer button{background:transparent;border:none}.filter-item-link{border:1px solid transparent;border-radius:3px;color:#777;margin:3px;padding:3px 7px}.filter-item-link:hover,.filter-items .active{border:1px solid rgba(175,47,47,.2)}.footer-right{cursor:pointer}
/*# sourceMappingURL=main.82587631.css.map*/