.top-bar[data-v-a4e20986]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:50px;padding:0 26px;height:100px;background:#ff4857;border-bottom-right-radius:20px;border-bottom-left-radius:20px;-webkit-box-shadow:0 1px 80px rgba(0,0,0,.06);box-shadow:0 1px 80px rgba(0,0,0,.06)}.top-bar .logo[data-v-a4e20986]{width:auto;height:40px}.top-bar button[data-v-a4e20986]{position:relative;margin-top:10px;padding-right:45px;color:#fff;line-height:30px;font-size:20px;font-family:Avenir,Helvetica,Arial,sans-serif;font-weight:500;background:transparent;border:none;outline:0;cursor:pointer}.top-bar button[data-v-a4e20986]:before{content:"+";position:absolute;top:-2px;right:0;width:30px;height:30px;line-height:30px;color:#fff;font-size:26px;font-weight:600;background-color:transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:2px solid #fff;border-radius:50%}.top-bar button[data-v-a4e20986]:hover:before{color:#ff4857;background-color:#fff}.todo-item[data-v-3b6c15c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px 30px 30px 40px;background:transparent;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.todo-item .item-text[data-v-3b6c15c2]{position:relative;color:#303030;font-size:20px;font-family:Avenir,Helvetica,Arial,sans-serif;letter-spacing:.02rem;word-spacing:.02rem}.todo-item .item-text[data-v-3b6c15c2]:before{content:"";display:block;position:absolute;top:50%;left:0;width:0;height:2px;background-color:rgba(255,72,87,.4);-webkit-transition:width .4s;transition:width .4s}.todo-item .item-check[data-v-3b6c15c2]{position:relative;display:block;margin:0;padding:0;width:20px;height:20px;border:2px solid #ddd;border-radius:50%;overflow:hidden;cursor:pointer}.todo-item .item-check[data-v-3b6c15c2]:before{content:"";position:absolute;width:100%;height:100%;background:#ff4857;-webkit-transition:all .2s;transition:all .2s;-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-radius:50%}.todo-item .item-remove[data-v-3b6c15c2]{visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 20px 0 auto;width:20px;height:20px;opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;background:transparent;border:3px solid transparent;border-radius:50%;outline:0;overflow:hidden;cursor:pointer}.todo-item .item-remove[data-v-3b6c15c2]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.todo-item .item-remove[data-v-3b6c15c2]:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.todo-item.done[data-v-3b6c15c2]{background:hsla(0,0%,97.3%,.5)}.todo-item.done:hover .item-remove[data-v-3b6c15c2]{visibility:visible;opacity:.7;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.todo-item.done:hover .item-remove[data-v-3b6c15c2]:hover:after,.todo-item.done:hover .item-remove[data-v-3b6c15c2]:hover:before{background:#ff4857}.todo-item.done .item-text[data-v-3b6c15c2]{color:rgba(48,48,48,.3)}.todo-item.done .item-text[data-v-3b6c15c2]:before{width:100%}.todo-item.done .item-check[data-v-3b6c15c2]:before{-webkit-box-shadow:inset 0 0 0 3px #fff;box-shadow:inset 0 0 0 3px #fff}.todo-item .item-remove[data-v-3b6c15c2]:after,.todo-item .item-remove[data-v-3b6c15c2]:before{content:"";position:absolute;display:block;width:30px;height:2px;background:#303030}ul[data-v-7b979458]{margin:0;padding:0;-webkit-box-shadow:0 0 80px rgba(48,48,48,.04);box-shadow:0 0 80px rgba(48,48,48,.04);counter-reset:todo-order}ul li[data-v-7b979458]{position:relative;background-color:#fff;border-bottom:1px solid hsla(0,0%,86.7%,.4);overflow:hidden}ul li[data-v-7b979458]:before{counter-increment:todo-order;content:counter(todo-order);position:absolute;top:5px;left:15px;color:hsla(0,0%,86.7%,.25);font-size:80px;font-family:Avenir,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-10px}ul li[data-v-7b979458]:last-child{border:0}.new-todo[data-v-de600b70]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(48,48,48,.85)}.new-todo input[data-v-de600b70]{margin:-240px 0 40px;padding:50px 60px;width:700px;height:45px;font-size:30px;font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;border:0;border-radius:100px;outline:0;resize:none}.new-todo input[data-v-de600b70]::-webkit-input-placeholder{color:#ddd;opacity:1}.new-todo input[data-v-de600b70]::-ms-input-placeholder{color:#ddd;opacity:1}.new-todo input[data-v-de600b70]::placeholder{color:#ddd;opacity:1}.new-todo .msg-quit[data-v-de600b70]{color:#fff;font-size:12px;font-family:Avenir,Helvetica,Arial,sans-serif;text-transform:uppercase;text-align:center;letter-spacing:1px;word-spacing:2px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#b0e0e6}h1{margin-bottom:20px;color:rgba(48,48,48,.2);font-size:22px;font-family:Avenir,Helvetica,Arial,sans-serif;font-weight:500;text-align:center;text-transform:uppercase;letter-spacing:1px;word-spacing:2px}footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:120px}footer p{color:rgba(48,48,48,.5);font-size:14px;font-family:Avenir,Helvetica,Arial,sans-serif}a{color:#303030}a:hover{color:#000;text-decoration:none}#app{margin:0 auto 100px;width:800px}.slide-enter{margin-top:-200px;opacity:0}.slide-enter-active{-webkit-transition:opacity .2s ease-in-out,margin .4s ease-in-out;transition:opacity .2s ease-in-out,margin .4s ease-in-out}