html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}#root,body{min-height:100vh}body{margin:0}#root,.todo-list-app{display:flex;flex-flow:column nowrap}#root{align-items:center;width:100%}.todo-header{color:rgba(175,47,47,.5);text-align:center;font-size:400%;font-size:48px}.todo-list-app{padding-top:32px;width:100%;max-width:480px}.todo-form input,.todo-item{font-size:16px}.todo-form input{padding:0 14px;width:100%;height:48px;transition:border .25s ease-in-out}.todo-form input:focus{outline:0;border:1px solid #3498db}.todo-list ul{padding:0;margin:0}.todo-list li{list-style-type:none}.todo-item{display:flex;flex-flow:row nowrap;align-items:center;padding:8px}.todo-form+.todo-list ul .todo-item{border-top:0}.todo-item-input-wrapper{flex-grow:1;padding:0 16px}.todo-item .todo-input-error{border-bottom:1px solid #e74c3c}.todo-item span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #ececec;transition:all .25s ease-in-out}.item-remove{display:flex;padding-left:8px;padding-right:8px;font-size:28px;cursor:pointer;line-height:1;color:#c8c8c8;transition:color .25s ease-in-out}.item-remove:hover{color:#111}.filter{padding:.3rem 0;margin:0 .3rem;cursor:pointer}.filter-active{border-bottom:1px solid #000}.btn{border:none;background-color:inherit;padding:14px 28px;font-size:16px;cursor:pointer;display:inline-block}.btn:hover{background:#eee}.todo-is-completed{width:4px}span.todo-item-state{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #ececec;transition:all .25s ease-in-out}.todo-item-unchecked:hover{background:rgba(26,189,156,.25);border:1px solid rgba(26,189,156,.25)}.todo-item-checked{color:#fff;background:#1abc9c;border:1px solid #1abc9c}.todo-item input{width:100%;border:0;border-bottom:1px solid transparent;transition:border-bottom .25s ease-in-out;font-size:.875rem}.todo-item input:focus{outline:0;border-bottom:1px solid #3498db}.todo-priority{font-size:.75rem}.todo-delete-me{width:4px}
/*# sourceMappingURL=main.65fe363b.chunk.css.map */