.controls[data-v-d6766654]{background:#5f6367;color:#fff;border-radius:15px;padding:15px;display:flex;margin:20px 0;gap:16px}.input[data-v-d6766654]{background:#e8c084;font-weight:700;outline:none;color:#fff;border:none;width:70%;padding:10px 15px;border-radius:15px}.input[data-v-d6766654]::placeholder{color:#fff}.button[data-v-d6766654]{background:#dcb47a;font-weight:700;border:none;color:#fff;cursor:pointer;width:30%;padding:10px 15px;border-radius:15px}.todo[data-v-20a6d1b6]{background:#1e1e1e;display:flex;flex-direction:column;gap:20px;word-wrap:break-word;color:#fff;padding:15px;border-radius:5px}.todo[data-v-20a6d1b6]:first-child{border-radius:24px 24px 0 0}.todo[data-v-20a6d1b6]:last-child{border-radius:0 0 24px 24px}.button[data-v-20a6d1b6]{background:#dcb47a;border-radius:28px;padding:15px;outline:none;border:none;color:#fff;cursor:pointer}.button[data-v-20a6d1b6]:hover,.button[data-v-20a6d1b6]:active{background:#b69461}.checkbox[data-v-20a6d1b6]{appearance:none;background:#f9f9f9;display:flex;justify-content:center;align-items:center;align-self:center;border-radius:5px;width:25px;height:25px;transition:background .3s ease;cursor:pointer}.checkbox[data-v-20a6d1b6]:hover{background:#b5b5b5}.checkbox[data-v-20a6d1b6]:checked{background:green}.checkbox[data-v-20a6d1b6]:checked:after{content:"✓"}.todos[data-v-a23e72fc]{display:flex;flex-direction:column;gap:20px;list-style:none}.no-todos[data-v-a23e72fc]{background:#ff0000;font-weight:600;padding:15px;border-radius:15px;color:#fff}.todos-move[data-v-a23e72fc],.todos-enter-active[data-v-a23e72fc],.todos-leave-active[data-v-a23e72fc]{transition:all .5s ease}.todos-enter-from[data-v-a23e72fc],.todos-leave-to[data-v-a23e72fc]{opacity:0;transform:translate(30px)}.todos-leave-active[data-v-a23e72fc]{position:absolute}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Raleway;src:url(/TodoVue/assets/Raleway-Regular-ddb04dad.ttf)}body{background:black;background-size:cover;background-position:center;font-family:Raleway,sans-serif;display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:420px;padding:0 15px}