body,h1,h2,h3,ul,li,p,span,button,div,section,a{margin:0;padding:0}a{text-decoration:none}#app{margin:0 auto;padding:2rem;font-family:monospace;font-size:16px;background:#202124;min-height:100vh;color:#e8eaed}.mdi>svg{vertical-align:middle}.mdi.mdi-spin>svg{-webkit-animation:mdi-spin 2s infinite linear;-moz-animation:mdi-spin 2s infinite linear;animation:mdi-spin 2s infinite linear}@-webkit-keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.todo__edit[data-v-938597cd]{flex-grow:1;margin-right:20px;background-color:#e8e8e80d;color:#e8eaed;outline:none;padding:7.5px;border-radius:2.5px;border:1px solid rgba(255,255,255,.3);font-family:monospace}.icon[data-v-938597cd]{transition:.2s;cursor:pointer;padding:7.5px 0;display:flex;justify-content:end}.icon__close[data-v-938597cd]:hover{color:red}.icon__save[data-v-938597cd]:hover{color:#36b636}.todo[data-v-24d85bf8]{word-break:break-all;display:grid;justify-content:space-between;grid-template-columns:.1fr 1.5fr .1fr .1fr;border-bottom:1px solid rgba(255,255,255,.219)}.todo__title[data-v-24d85bf8]{display:flex;align-items:center;flex-grow:1;margin-right:20px;padding:5px 0}.icon[data-v-24d85bf8]{transition:.2s;cursor:pointer;padding:7.5px 0;display:flex;justify-content:end}.icon__pencil[data-v-24d85bf8]:hover{color:orange}.icon__close[data-v-24d85bf8]:hover{color:red}.checkbox[data-v-24d85bf8]{display:flex;justify-content:start;color:#e8eaed;margin-right:15px}.checkbox__checked[data-v-24d85bf8]{color:#99999b}.isCompleted[data-v-24d85bf8]{text-decoration:line-through;color:#99999b}header[data-v-21d6207a]{display:flex;justify-content:center;margin-bottom:15px}main[data-v-21d6207a]{max-width:450px;margin:0 auto;padding:15px;border-radius:5px;box-shadow:#00000059 0 5px 15px}.new-todo[data-v-21d6207a]{display:flex}.new-todo__input[data-v-21d6207a]{border:none;outline:none;background-color:#e8e8e823;color:#ccc;padding:0 7.5px;border-radius:2.5px;flex-grow:1;border:1px solid rgba(255,255,255,.3);font-family:monospace;font-size:16px}.new-todo__add[data-v-21d6207a]{border:none;background-color:#3e8ed0;color:#fff;padding:7.5px 10px;margin-left:10px;cursor:pointer;border-radius:2.5px;transition:.3s}.new-todo__add[data-v-21d6207a]:hover{box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;background-color:#3488ce}.new-todo__add[data-v-21d6207a]:active{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;background-color:#3e8ed0}.new-todo__add[data-v-21d6207a]:disabled{background-color:#7fa8ca9c;cursor:not-allowed}.v-enter-active[data-v-21d6207a],.v-leave-active[data-v-21d6207a]{transition:.5s ease}.v-enter-from[data-v-21d6207a]{opacity:0;background-color:#0080006d}.v-leave-to[data-v-21d6207a]{opacity:0;background-color:#c21c14c6}