body{background:#e9ecef;margin:0;padding:0}.TodoTemplate{width:512px;margin-left:auto;margin-right:auto;margin-top:6rem;border-radius:4px;overflow:hidden}.TodoTemplate .app-title{background:#22b8cd;color:#fff;height:4rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.TodoTemplate .content{background:#fff}.TodoInsert{display:flex;background:#495057}.TodoInsert input{background:none;outline:none;border:none;padding:.5rem;font-size:1.125rem;line-height:1.5;color:#fff;flex:1 1}.TodoInsert input::-webkit-input-placeholder{color:#dee2e6}.TodoInsert input:-ms-input-placeholder{color:#dee2e6}.TodoInsert input::-ms-input-placeholder{color:#dee2e6}.TodoInsert input::placeholder{color:#dee2e6}.TodoInsert button{background:none;outline:none;border:none;background:#868e96;color:#fff;padding-left:1rem;padding-right:1rem;font-size:1.5rem;display:flex;align-items:center;cursor:pointer;transition:background .1s ease-in}.TodoInsert button:hover{background:#abd5bd}.TodoListItem{padding:1rem;display:flex;align-items:center}.TodoListItem:nth-child(2n){background:#f8f9fa}.TodoListItem .checkbox{cursor:pointer;flex:1 1;display:flex;align-items:center}.TodoListItem .checkbox svg{font-size:1.5rem}.TodoListItem .checkbox .text{margin-left:.5rem;flex:1 1}.TodoListItem .checkbox.checked svg{color:#22b8cd}.TodoListItem .checkbox.checked .text{color:#adb5bd;text-decoration:line-through}.TodoListItem .remove{display:flex;align-items:center;font-size:1.5rem;color:#ff6b6b;cursor:pointer}.TodoListItem .remove:hover{color:#ff8787}.TodoListItem+.TodoListItem{border-top:1px solid #dee2e6}.TodoList{min-height:320px;max-height:513px;overflow-y:auto}
/*# sourceMappingURL=main.af3d20ff.chunk.css.map */