*,*:before,*:after{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;box-sizing:border-box}.pointer{cursor:pointer}.todo-app{background-color:#ddd;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.todo-app-header{margin:20px auto;font-weight:500;font-size:80px}.todo-app-footer{color:#888;margin:20px auto;font-size:11px;}.todo-app-footer a{color:#888;text-decoration:none;}.todo-app-footer a:hover{text-decoration:underline}.todo-notepad{box-shadow:0 2px 4px rgba(55,55,55,0.3),0 25px 50px rgba(55,55,55,0.3);background-color:#fff;margin:0 auto;width:550px}input{-webkit-appearance:none;font-size:23px;border:none;height:100%;width:100%;}input:focus{outline:none;height:100%;width:100%}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:23px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:2em;}.flex-row *{-webkit-transition:all .25s ease;transition:all .25s ease}.svg-icon-container{min-width:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}.svg-icon{margin:auto;height:20px;width:20px}.todo-new-item{border-bottom:1px solid #9d9d9d;height:2em;width:100%;}.todo-new-item .new-todo{position:relative;height:100%;width:100%}.todo-new-item .icon-down-arrow{fill:#ddd}.todo-new-item.active .icon-down-arrow{fill:#9d9d9d}.todo-edit-item{border-bottom:1px solid #ddd;height:2em;width:100%;}.todo-edit-item .circle{border:1px solid #ddd;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;height:30px;width:30px}.todo-edit-item .icon-checkmark{fill:#ddd;display:none;height:15px}.todo-edit-item .edit-item{font-weight:200;font-size:18px}.todo-edit-item .icon-close{visibility:hidden;fill:#ff1744;-webkit-transition:none;transition:none}.todo-edit-item:hover .icon-close{visibility:visible}.todo-edit-item:hover .icon-close:hover{fill:#b00022}.todo-edit-item.complete .circle{border:1px solid #9d9d9d}.todo-edit-item.complete .icon-checkmark{fill:#00e5e6;display:block}.todo-edit-item.complete .edit-item{text-decoration:line-through;color:#ddd}.status-bar button{-webkit-appearance:none;color:#777;background:none;outline:none;padding:5px;border:none;}.status-bar button:hover{box-shadow:0 0 5px rgba(4,4,4,0.3)}.status-bar button:active{box-shadow:0 0 15px rgba(55,55,55,0.3)}.status-bar .state-button{border-radius:5px;margin:auto 7px;padding:3px}.status-bar .corner-item{font-size:12px;margin:auto 0;width:auto}.status-bar .remaining-count{color:#777;padding-left:10px}.status-bar .filters{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%}.status-bar .filter-button{padding:10px 15px;margin:auto 15px;}.status-bar .filter-button.active{box-shadow:0 0 5px rgba(4,4,4,0.3)}.status-bar .icon-previous{-webkit-transform:rotate(90deg);transform:rotate(90deg);fill:#888}.status-bar .icon-next{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);fill:#888}.status-bar .clear-button{margin-right:5px;text-align:left}