body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#4d4d4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*,:after,:before{box-sizing:border-box}.App{background:#fff;box-shadow:0 2px 4px 0 #0003,0 25px 50px 0 #0000001a;margin:130px auto 40px;max-width:550px;position:relative}.App h1{color:#af2f2f26;font-size:80px;font-weight:200;position:absolute;text-align:center;top:-166px;width:100%}.todo-input{background:rgba(0,0,0,.003);border:none;box-shadow:inset 0 -2px 1px #00000008;color:inherit;font-size:24px;font-style:italic;font-weight:300;padding:16px 16px 16px 60px;width:100%}.todo-input::placeholder{color:#e6e6e6;font-style:italic}.todo-list{list-style:none;margin:0;padding:0}.todo-item{border-bottom:1px solid #ededed;font-size:24px;position:relative}.todo-item:last-child{border-bottom:none}.todo-item.completed label{color:#d9d9d9;text-decoration:line-through}.todo-item .toggle{-webkit-appearance:none;appearance:none;border:none;bottom:0;height:40px;margin:auto 0;opacity:0;position:absolute;text-align:center;top:0;width:40px}.todo-item .toggle+label{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="%23ededed" stroke-width="3"/></svg>');background-position:0;background-repeat:no-repeat;display:block;line-height:1.2;padding:15px 15px 15px 60px}.todo-item.completed .toggle+label{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="%23bddad5" stroke-width="3"/><path fill="%235dc2af" d="M72 25L42 71 27 56l-4 4 20 20 34-52z"/></svg>')}.todo-item .destroy{background:none;border:none;bottom:0;color:#cc9a9a;cursor:pointer;display:none;font-size:30px;height:40px;margin:auto 0;position:absolute;right:10px;top:0;transition:color .2s ease-out;width:40px}.todo-item:hover .destroy{display:block}.todo-item .destroy:after{content:"×"}.todo-item .destroy:hover{color:#af5b5e}.footer{align-items:center;border-top:1px solid #e6e6e6;color:#777;display:flex;height:40px;justify-content:space-between;padding:10px 15px;text-align:center}.footer:before{bottom:0;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;content:"";height:50px;left:0;overflow:hidden;position:absolute;right:0;z-index:-1}.todo-count{flex-grow:1;text-align:left}.todo-count strong{font-weight:300}.filters{display:flex;list-style:none;margin:0;padding:0}.filters li{display:inline}.filters a{border:1px solid #0000;border-radius:3px;color:inherit;margin:3px;padding:3px 7px;text-decoration:none}.filters a.selected{border-color:#af2f2f33}.clear-completed,html .clear-completed:active{background:none;border:0;color:inherit;cursor:pointer;flex-grow:1;font-size:100%;line-height:20px;position:relative;text-align:right;text-decoration:none}.clear-completed:hover{text-decoration:underline}
/*# sourceMappingURL=main.29c7616f.css.map*/