html,body{margin:0;padding:0}div{box-sizing:border-box}.todo-create-form[data-v-f86d8c52]{display:flex;margin-top:35px;height:64px;background:#25273C;border-radius:6px;padding:20px 20px 20px 56px}.todo-create-form .todo-create-input[data-v-f86d8c52]{width:100%;font-family:Josefin Sans;font-style:normal;font-weight:600;font-size:18px;line-height:18px;color:#fff;background:transparent;border:0}.todo-create-form .todo-create-input[data-v-f86d8c52]:hover,.todo-create-form .todo-create-input[data-v-f86d8c52]:focus,.todo-create-form .todo-create-input[data-v-f86d8c52]:active{outline:0!important;box-shadow:none!important}.todo-create-form .todo-create-input[data-v-f86d8c52]::placeholder{color:#6c6e83}@media (max-width: 768px){.todo-create-form[data-v-f86d8c52]{height:48px;padding:18px 18px 18px 56px}.todo-create-form .todo-create-input[data-v-f86d8c52]{font-size:12px;line-height:12px}}.todo-item[data-v-638cca35]{display:flex;gap:16px;background:#25273C;border-radius:4px;padding:20px;cursor:pointer}.todo-item:hover .todo-item__remove[data-v-638cca35]{opacity:1}.todo-item:hover .todo-item__checkbox .checkmark[data-v-638cca35]{background-color:#ffffff1a}.todo-item:hover .todo-item__checkbox .todo-item__title[data-v-638cca35]{color:#fffc}.todo-item.completed .checkmark[data-v-638cca35]{background:linear-gradient(142.13deg,#6EBAF8 6.56%,#AD7AF9 87.81%)}.todo-item.completed .todo-item__title[data-v-638cca35]{text-decoration:line-through;color:#6c6e83}.todo-item .todo-item__title[data-v-638cca35]{font-family:Josefin Sans;font-style:normal;font-weight:600;font-size:18px;line-height:18px;color:#fff;margin-top:3px;transition:opacity .3s;width:100%}.todo-item .todo-item__checkbox[data-v-638cca35]{display:block;position:relative;padding-left:20px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.todo-item .todo-item__checkbox input[data-v-638cca35]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.todo-item .checkmark[data-v-638cca35]{position:absolute;top:0;left:0;height:20px;width:20px;border:1px solid #303247;border-radius:50%;transition:.3s}.todo-item .checkmark[data-v-638cca35]:after{content:"";position:absolute;display:none}.todo-item .todo-item__checkbox input:checked~.checkmark[data-v-638cca35]:after{display:block}.todo-item .todo-item__checkbox .checkmark[data-v-638cca35]:after{left:10px;top:9px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:translate(-50%,-50%) rotate(45deg)}.todo-item .todo-item__remove[data-v-638cca35]{width:20px;height:20px;min-width:20px;cursor:pointer;opacity:0;transition:opacity .3s;user-select:none}.todo-item .todo-item__remove .todo-item__remove__icon[data-v-638cca35]{width:100%;height:100%}@media (max-width: 768px){.todo-item[data-v-638cca35]{padding:16px 20px}.todo-item .todo-item__title[data-v-638cca35]{font-size:12px;line-height:12px;margin-top:5px}.todo-item .todo-item__remove[data-v-638cca35]{opacity:1}}.todo-list[data-v-0aa73097]{display:flex;flex-direction:column;gap:1px}.todo-list .todo-list-default[data-v-0aa73097]{font-family:Josefin Sans;font-weight:600;font-size:14px;line-height:14px;text-align:center;padding:20px;background:#25273C;color:#6c6e83}.todo-list-filters[data-v-b1f74bea]{display:flex;align-items:center;gap:6px;flex:1}.todo-list-filters .todo-list-filters__item[data-v-b1f74bea]{cursor:pointer;transition:.3s;color:#6c6e83;font-family:Josefin Sans;font-weight:700;font-size:14px;line-height:14px}.todo-list-filters .todo-list-filters__item[data-v-b1f74bea]:hover{color:#fff}.todo-list-filters .todo-list-filters__item.active[data-v-b1f74bea]{color:#4777db!important}@media (max-width: 768px){.todo-list-filters .todo-list-filters__item[data-v-b1f74bea]{font-size:12px;line-height:12px}}.todo-list-footer[data-v-1a7dbea3]{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:5px;background:#25273C;border-radius:4px;color:#6c6e83;font-family:Josefin Sans;font-weight:700;font-size:14px;line-height:14px}.todo-list-footer .items-left-count[data-v-1a7dbea3],.todo-list-footer .clear-completed-btn[data-v-1a7dbea3]{font-weight:600;flex:1}.todo-list-footer .clear-completed-btn[data-v-1a7dbea3]{text-align:end;cursor:pointer;transition:opacity .3s}.todo-list-footer .clear-completed-btn[data-v-1a7dbea3]:hover{color:#fff}@media (max-width: 768px){.todo-list-footer[data-v-1a7dbea3]{padding:18px 20px;font-size:12px;line-height:12px}}.container[data-v-37c9906a]{max-width:590px;width:100%;margin:0 auto;padding:24px}.todo-header[data-v-37c9906a]{display:flex;align-items:center;justify-content:space-between;padding-top:56px}.todo-header .title[data-v-37c9906a]{font-family:Josefin Sans;font-weight:700;font-size:36px;line-height:36px;letter-spacing:.5em;color:#fff}.todo-header .theme-switcher .light-theme-icon[data-v-37c9906a]{width:32px;height:32px}.todo-create-form[data-v-37c9906a]{margin-top:35px}.todo-list-wrapper[data-v-37c9906a]{display:flex;flex-direction:column;gap:1px;background:#383A4F;border-radius:6px;margin-top:24px}.todo-list-filters[data-v-37c9906a]{background:#25273C;border-radius:4px;padding:14px;justify-content:center;gap:16px}@media (max-width: 768px){.todo-header[data-v-37c9906a]{padding-top:26px}.todo-header .title[data-v-37c9906a]{font-size:24px;line-height:24px}}.todo-view[data-v-7ba99c9c]{position:relative;background:#161622;min-height:100vh;width:100%}.todo-view .todo-main-bg[data-v-7ba99c9c]{position:absolute;top:0;left:0;right:0;width:100%;height:300px;background-image:url(/vue-3-todo/assets/todo-main-bg.07a4e1c2.png);background-repeat:no-repeat;background-position:center;background-size:cover}@media (max-width: 768px){.todo-view .todo-main-bg[data-v-7ba99c9c]{height:200px}}.todo-view .todo-wrapper[data-v-7ba99c9c]{position:relative}