iframe{display:none}body{margin:0 auto;max-width:550px;min-width:230px}.notification{min-height:36px;transition-duration:1s;transition-property:opacity,min-height}.notification.hidden{min-height:0;opacity:0;pointer-events:none}.todoapp{color:#4d4d4d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:24px;font-weight:300;margin:40px 20px}.todoapp__content{background:#fff;box-shadow:0 2px 4px 0 #0003,0 25px 50px 0 #0000001a;margin-bottom:20px}.todoapp__title{color:#af2f2f26;font-size:100px;font-weight:100;text-align:center;-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility}.todoapp__header{position:relative}.todoapp__toggle-all{align-items:center;background-color:#0000;border:0;color:#e6e6e6;cursor:pointer;display:flex;font-size:24px;height:100%;justify-content:center;position:absolute;width:45px}.todoapp__toggle-all.active{color:#737373}.todoapp__toggle-all:before{content:"❯";line-height:0;transform:translateY(2px) rotate(90deg)}.todoapp__new-todo{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#00000003;border:none;box-shadow:inset 0 -2px 1px #00000008;box-sizing:border-box;color:inherit;font-family:inherit;font-size:24px;font-weight:inherit;line-height:1.4em;padding:16px 16px 16px 60px;width:100%}.todoapp__new-todo::placeholder{color:#e6e6e6;font-style:italic;font-weight:300}.todoapp__footer,.todoapp__main{border-top:1px solid #e6e6e6}.todoapp__footer{align-items:center;box-shadow:0 1px 1px #0003,0 8px 0 -3px #f6f6f6,0 9px 1px -3px #0003,0 16px 0 -6px #f6f6f6,0 17px 2px -6px #0003;box-sizing:initial;color:#777;display:flex;font-size:14px;height:20px;justify-content:space-between;padding:10px 15px;text-align:center}.todoapp__clear-completed{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;appearance:none;background:none;border:0;color:inherit;cursor:pointer;font-family:inherit;font-weight:inherit;margin:0;padding:0;text-decoration:none}.todoapp__clear-completed:hover{text-decoration:underline}.todoapp__clear-completed:active{text-decoration:none}.todo{border-bottom:1px solid #ededed;display:grid;font-size:24px;grid-template-columns:45px 1fr;justify-items:stretch;line-height:1.4em;position:relative}.todo:last-child{border-bottom:0}.todo__status-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;cursor:pointer}.todo.completed .todo__status-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__status{opacity:0}.todo__title{padding:12px 15px;transition:color .4s;word-break:break-all}.todo.completed .todo__title{color:#d9d9d9;text-decoration:line-through}.todo__remove{background:none;border:0;bottom:0;color:#cc9a9a;cursor:pointer;float:right;font-family:inherit;font-size:120%;font-weight:inherit;line-height:1;opacity:0;position:absolute;right:12px;top:0;transform:translateY(-2px);transition:color .2s ease-out}.todo__remove:hover{color:#af5b5e}.todo:hover .todo__remove{opacity:1}.todo__title-field{border:1px solid #999;box-shadow:inset 0 -1px 5px 0 #0003;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:11px 14px;width:100%}.todo__title-field::placeholder{color:#e6e6e6;font-style:italic;font-weight:300}.todo .overlay{inset:0;opacity:.5;position:absolute}.filter{display:flex}.filter__link{border:1px solid #0000;border-radius:3px;color:inherit;margin:3px;padding:3px 7px;text-decoration:none}.filter__link:hover{border-color:#af2f2f1a}.filter__link.selected{border-color:#af2f2f33}
/*# sourceMappingURL=main.94e459b4.css.map*/