@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&family=Roboto:wght@300;400&display=swap);.todo-input[data-v-7c953928]{margin:1rem;position:relative;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);border-radius:1rem}.todo-input input[data-v-7c953928]{width:100%;padding:.6rem 1rem;border:none;outline:none;border-radius:1rem}.todo-input button[data-v-7c953928]{position:absolute;top:50%;transform:translateY(-50%);right:0;width:2rem;height:2rem;border-radius:50%;border:none;cursor:pointer;font-size:1rem;background-color:#3d5a80;display:flex;justify-content:center;align-items:center;color:#fff}.filters[data-v-0a0e3830]{display:flex;margin:1rem 1.2rem;color:#c0c2ce}.filters span[data-v-0a0e3830]{margin-right:1rem;transition:.5s;font-size:1.2rem;cursor:pointer}.filter.active[data-v-0a0e3830]{color:#6b729c;transform:scale(1.15)}.todo-item[data-v-327e6881]{background-color:#fff;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin-bottom:1rem;font-size:1.2rem;border-radius:.5rem;padding:.5em;position:relative;display:flex;align-items:center}.todo-item input[type=checkbox][data-v-327e6881]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.todo-content[data-v-327e6881]{display:flex;cursor:pointer}.check-btn[data-v-327e6881]{display:flex}.check-btn[data-v-327e6881]:after{content:"";border:2px solid #2196f3;width:1rem;height:1rem;margin-right:.8rem;border-radius:50%;top:50%;transform:translateY(15%)}.todo-content:hover span[data-v-327e6881]:after{background-color:#bde0fe}.todo-content.completed input[type=checkbox]~.check-btn[data-v-327e6881]:after{content:"\002714";background-color:#bde0fe;display:flex;justify-content:center;align-items:center;color:#fff;border:2px solid #bde0fe;transition:background-color .1s ease;font-size:.8em}.rm-btn[data-v-327e6881]{width:1.5em;height:1.5em;background-color:#c81d25;border-radius:50%;border:none;color:#fff;position:absolute;top:50%;right:1em;transform:translateY(-50%);cursor:pointer;opacity:0;transition:opacity .2s ease;font-size:.9rem;display:flex;justify-content:center;align-items:center}.todo-item:hover .rm-btn[data-v-327e6881]{opacity:1}.todo-list[data-v-d5e65b9a]{margin:0 1.2rem}*{box-sizing:border-box;padding:0;margin:0;font-family:Poppins,sans-serif}main{width:100vw;min-height:100vh;background-color:#dee2ff;display:flex;justify-content:center;align-items:center}.container{width:60%;max-width:480px;padding:2rem 1rem;background-color:#fcfcfc;border-radius:1rem;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.container h1{text-align:center;margin-bottom:2rem;color:#414873}