@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap";header[data-v-46a47d0a]{background-color:#f1f1f1}header h1[data-v-46a47d0a]{color:#42b883;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}header nav[data-v-46a47d0a]{display:flex;align-items:center;padding:25px 16px}header nav .branding[data-v-46a47d0a]{display:flex;align-items:center;gap:8px}header nav .branding img[data-v-46a47d0a]{max-width:50px}header nav .branding h1[data-v-46a47d0a]{font-size:24px}header nav .nav-routes[data-v-46a47d0a]{display:flex;flex:1;justify-content:flex-end;gap:12px;list-style:none}header nav .nav-routes a[data-v-46a47d0a]{text-decoration:none;color:inherit}*{font-family:Rubik,sans-serif;margin:0;padding:0;box-sizing:border-box}.container{max-width:1100px;margin:0 auto}button[data-v-c80a01fb]{padding:8px 16px;border:none}.input-wrap[data-v-83c77453]{display:flex;transition:.25s ease;border:2px solid #41b080}.input-wrap[data-v-83c77453]:focus-within{box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -2px #0000001a}.input-wrap.input-err[data-v-83c77453]{border-color:red}.input-wrap input[data-v-83c77453]{width:100%;padding:8px 6px;border:none}.input-wrap input[data-v-83c77453]:focus{outline:none}@keyframes fadeIn-aa9d022d{0%{opacity:0}to{opacity:1}}li[data-v-aa9d022d]{display:flex;align-items:center;gap:10px;padding:16px 10px;background-color:#f1f1f1;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:fadeIn-aa9d022d .3s}li:hover .todo-actions[data-v-aa9d022d]{opacity:1}li input[type=checkbox][data-v-aa9d022d]{appearance:none;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}li input[type=checkbox][data-v-aa9d022d]:checked{background-color:#41b080}li .todo[data-v-aa9d022d]{flex:1}li .todo .completed-todo[data-v-aa9d022d]{text-decoration:line-through}li .todo input[type=text][data-v-aa9d022d]{width:100%;padding:2px 6px;border:2px solid #41b080}li .todo-actions[data-v-aa9d022d]{display:flex;gap:6px;opacity:0;transition:.15s ease-in-out}li .todo-actions .icon[data-v-aa9d022d]{cursor:pointer}main[data-v-5e461544]{display:flex;flex-direction:column;max-width:500px;width:100%;margin:0 auto;padding:40px 16px}main h1[data-v-5e461544]{margin-bottom:16px;text-align:center}.todo-list[data-v-5e461544]{display:flex;flex-direction:column;list-style:none;margin-top:24px;gap:20px}.todos-msg[data-v-5e461544]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}