.todo-list-wrapper[data-v-7cb856b0]{max-width:500px;margin:0 auto}ul[data-v-7cb856b0]{list-style:none;padding:0}.todo-item[data-v-7cb856b0]{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #ccc;color:#333;font-size:30px;padding:10px 20px;cursor:pointer;position:relative;overflow:hidden}.todo-item.done[data-v-7cb856b0]{color:#aaa}.todo-item[data-v-7cb856b0]:hover{background-color:#eee;-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:2px 1px 5px #ddd;box-shadow:2px 1px 5px #ddd}.todo-item+.todo-item[data-v-7cb856b0]{margin-top:15px}.todo-item.done[data-v-7cb856b0]:hover{-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.todo-item.done .text[data-v-7cb856b0]{text-decoration:line-through}.text-wrapper[data-v-7cb856b0]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.checkbox-wrapper[data-v-7cb856b0],.menu-wrapper[data-v-7cb856b0]{-ms-flex-negative:0;flex-shrink:0}.menu[data-v-7cb856b0]{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;position:absolute;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0;top:0;right:0;bottom:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.todo-item:hover .menu[data-v-7cb856b0]{-webkit-transform:translateX(0);transform:translateX(0)}.menu-item[data-v-7cb856b0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px}.menu-item.done[data-v-7cb856b0]{background-color:#5cb85c;color:#fff}.menu-item.done[data-v-7cb856b0]:hover{background-color:#449d44}.menu-item.reset[data-v-7cb856b0]{color:#333;background-color:#ccc}.menu-item.reset[data-v-7cb856b0]:hover{background-color:#aaa}.btn-group[data-v-7cb856b0]{margin-top:40px}.btn[data-v-7cb856b0]{border-radius:3px;padding:5px 15px;font-size:16px;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;border:1px solid;margin:10px 20px}.btn-default[data-v-7cb856b0]{color:#333;background-color:#fff;border-color:#ccc}.btn-default[data-v-7cb856b0]:hover{background-color:#e6e6e6;border-color:#adadad}.btn-danger[data-v-7cb856b0],.btn-success[data-v-7cb856b0]{color:#fff}.btn-success[data-v-7cb856b0]{background-color:#5cb85c;border-color:#4cae4c}.btn-success[data-v-7cb856b0]:hover{background-color:#449d44;border-color:#255625}.btn-danger[data-v-7cb856b0]{background-color:#d9534f;border-color:#d43f3a}.btn-danger[data-v-7cb856b0]:hover{background-color:#ac2925;border-color:#ac2925}#app{text-align:center;margin-top:60px}