.todo-header input[data-v-5d16f867]{width:560px;height:28px;font-size:14px;border:1px solid #ccc;border-radius:4px;padding:4px 7px}.todo-header input[data-v-5d16f867]:focus{outline:none;border-color:rgba(82,168,236,.8);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}li[data-v-53d283d0]{list-style:none;height:36px;line-height:36px;padding:0 5px;border-bottom:1px solid #ddd}li label[data-v-53d283d0]{float:left;cursor:pointer}li label li input[data-v-53d283d0]{vertical-align:middle;margin-right:6px;position:relative;top:-1px}li button[data-v-53d283d0]{float:right;display:none;margin-top:3px}li[data-v-53d283d0]:before{content:normal}li[data-v-53d283d0]:last-child{border-bottom:none}li[data-v-53d283d0]:hover{background-color:#ddd}li:hover button[data-v-53d283d0]{display:block}.todo-enter-active[data-v-53d283d0]{-webkit-animation:showAnimation-data-v-53d283d0 .5s linear;animation:showAnimation-data-v-53d283d0 .5s linear}.todo-leave-active[data-v-53d283d0]{animation:showAnimation-data-v-53d283d0 .5s linear reverse}@-webkit-keyframes showAnimation-data-v-53d283d0{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes showAnimation-data-v-53d283d0{0%{transform:translateX(100%)}to{transform:translateX(0)}}.todo-main[data-v-040d2044]{margin-left:0;border:1px solid #ddd;border-radius:2px;padding:0}.todo-empty[data-v-040d2044]{height:40px;line-height:40px;border:1px solid #ddd;border-radius:2px;padding-left:5px;margin-top:10px}.todo-enter-active[data-v-040d2044]{-webkit-animation:showAnimation-data-v-040d2044 .5s linear;animation:showAnimation-data-v-040d2044 .5s linear}.todo-leave-active[data-v-040d2044]{animation:showAnimation-data-v-040d2044 .5s linear reverse}@-webkit-keyframes showAnimation-data-v-040d2044{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes showAnimation-data-v-040d2044{0%{transform:translateX(100%)}to{transform:translateX(0)}}.todo-footer[data-v-656fed87]{height:40px;line-height:40px;padding-left:6px;margin-top:5px}.todo-footer label[data-v-656fed87]{display:inline-block;margin-right:20px;cursor:pointer}.todo-footer label input[data-v-656fed87]{position:relative;top:-1px;vertical-align:middle;margin-right:5px}.todo-footer button[data-v-656fed87]{float:right;margin-top:5px}body{background:#fff}.btn{display:inline-block;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);border-radius:4px}.btn-danger{color:#fff;background-color:#da4f49;border:1px solid #bd362f}.btn-edit{color:#fff;background-color:#87ceeb;border:1px solid #53c6f3;margin-right:5px}.btn-danger:hover{color:#fff;background-color:#bd362f}.btn:focus{outline:none}.todo-container{width:600px;margin:0 auto}.todo-container .todo-wrap{padding:10px;border:1px solid #ddd;border-radius:5px}