@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap";header[data-v-c4b10ddd]{background-color:#f1f1f1}header nav[data-v-c4b10ddd]{display:flex;align-items:center;padding:25px 16px}header nav .branding[data-v-c4b10ddd]{display:flex;align-items:center;gap:8px}header nav .branding img[data-v-c4b10ddd]{max-width:50px}header nav .branding h1[data-v-c4b10ddd]{font-size:24px}header nav .nav-routes[data-v-c4b10ddd]{display:flex;flex:1;justify-content:flex-end;gap:12px;list-style:none}header nav .nav-routes a[data-v-c4b10ddd]{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}.input-wrap[data-v-b12350ae]{display:flex;transition:.25s ease;border:2px solid #41b080}.input-wrap.input-err[data-v-b12350ae]{border-color:red}.input-wrap[data-v-b12350ae]:focus-within{box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -2px #0000001a}.input-wrap input[data-v-b12350ae]{width:100%;padding:8px 6px;border:none}.input-wrap input[data-v-b12350ae]:focus{outline:none}.input-wrap button[data-v-b12350ae]{padding:8px 16px;border:none}.err-msg[data-v-b12350ae]{margin-top:6px;font-size:12px;text-align:center;color:red}li[data-v-b399aa45]{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}li:hover .todo-actions[data-v-b399aa45]{opacity:1}li input[type=checkbox][data-v-b399aa45]{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-b399aa45]:checked{background-color:#41b080}li .todo[data-v-b399aa45]{flex:1}li .todo .completed-todo[data-v-b399aa45]{text-decoration:line-through}li .todo input[type=text][data-v-b399aa45]{width:100%;padding:2px 6px;border:2px solid #41b080}li .todo-actions[data-v-b399aa45]{display:flex;gap:6px;opacity:0;transition:.15s ease-in-out}li .todo-actions .icon[data-v-b399aa45]{cursor:pointer}main[data-v-54374444]{display:flex;flex-direction:column;max-width:500px;width:100%;margin:0 auto;padding:40px 16px}main h1[data-v-54374444]{margin-bottom:16px;text-align:center}main .todo-list[data-v-54374444]{display:flex;flex-direction:column;list-style:none;margin-top:24px;gap:20px}main .todos-msg[data-v-54374444]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}