header[data-v-82f809b5]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-82f809b5]{color:#fafafa;letter-spacing:.7rem;font-weight:700;font-size:1.7rem}input[data-v-8651076a]{width:100%;margin-block:2.2em 1em;border-radius:4px;padding:1.1em 1.1em 1.1em 50px;font-size:1rem;font-weight:500}.input-light[data-v-8651076a]{background-color:#fafafa;color:#484b6a}.input-light[data-v-8651076a]::placeholder{color:#d2d3db;font-size:.9rem}.input-dark[data-v-8651076a]{background-color:#393a4c;color:#e4e5f1}.input-dark[data-v-8651076a]::placeholder{color:#777a92;font-size:.9rem}.addTaskInput[data-v-8651076a]{display:flex;position:relative;align-items:center}.addTaskInput i[data-v-8651076a]{position:absolute;top:48px;z-index:1000px;left:15px}.icon-light[data-v-8651076a]{color:#e4e5f1}.icon-dark[data-v-8651076a]{color:#4d5066}@media (max-width: 768px){.addTaskInput i[data-v-8651076a]{top:35px;left:10px}input[data-v-8651076a]{font-size:.9rem;margin-block:2em 1em;padding:.9em .9em .9em 45px}}@media (max-width: 480px){.addTaskInput i[data-v-8651076a]{top:35px;left:8px}input[data-v-8651076a]{font-size:.8rem;margin-block:1.8em .8em;padding:1.5em 1.5em 1.5em 40px}}@keyframes fadeIn-20a50ac4{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut-20a50ac4{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80%)}}.task-field-light[data-v-20a50ac4],.task-field-dark[data-v-20a50ac4]{margin-block-start:.7em;width:100%;border-radius:4px;box-shadow:0 10px 30px #00000040}.task-field-light[data-v-20a50ac4]{background-color:#fafafa}.task-field-dark[data-v-20a50ac4]{background-color:#393a4c;box-shadow:0 10px 30px #00000080}.task-list[data-v-20a50ac4]{max-height:300px;overflow-y:auto;overflow-x:hidden}.task-item-list[data-v-20a50ac4]{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsl(233,11%,84%);padding:.7em;cursor:pointer;gap:1.1rem;animation:fadeIn-20a50ac4 .5s ease forwards;transition:transform .3s ease,opacity .3s ease}.task-item-list.slide-out[data-v-20a50ac4]{animation:slideOut-20a50ac4 .3s ease forwards}.task-item[data-v-20a50ac4]{display:flex;align-items:center;gap:1.1rem}.task-icon-light[data-v-20a50ac4],.task-icon-dark[data-v-20a50ac4],.task-icon-complete[data-v-20a50ac4]{margin-left:.5em;display:inline-block}.task-icon-light[data-v-20a50ac4]{color:#e4e5f1}.task-icon-dark[data-v-20a50ac4]{color:#4d5066}.task-icon-complete[data-v-20a50ac4]{color:#e4e5f1;background:linear-gradient(to right,#57ddff,#c058f3);-webkit-text-fill-color:transparent;border-radius:50px}.task-icon[data-v-20a50ac4]:hover,.task-icon-complete[data-v-20a50ac4]:hover{transition:margin-left .3s ease;background:linear-gradient(to right,#57ddff,#c058f3);-webkit-text-fill-color:transparent;border-radius:50px}.cancel-icon[data-v-20a50ac4]{color:#d2d3db;cursor:pointer}.cancel-icon[data-v-20a50ac4]:hover{color:red}.item-light[data-v-20a50ac4],.item-dark[data-v-20a50ac4]{font-weight:500;font-size:.9rem}.item-light[data-v-20a50ac4]{color:#484b6a}.item-dark[data-v-20a50ac4]{color:#e4e5f1}.item-strike-light[data-v-20a50ac4],.item-strike-dark[data-v-20a50ac4]{font-weight:400;font-size:.9rem}.item-strike-light[data-v-20a50ac4]{color:#d2d3db}.item-strike-dark[data-v-20a50ac4]{color:#777a92}.active[data-v-20a50ac4]{color:#3a7bfd;font-weight:600}.panel[data-v-20a50ac4]{display:flex;justify-content:space-between;align-items:center;padding-block:1em;padding-inline:1.2em}.total-task[data-v-20a50ac4]{font-size:.8rem;color:#9394a5;font-weight:400}.panel-operation-light[data-v-20a50ac4],.panel-operation-dark[data-v-20a50ac4]{display:flex;column-gap:.7rem;font-size:.9rem;font-weight:500;color:#9394a5;cursor:pointer}.clear-button-light[data-v-20a50ac4],.clear-button-dark[data-v-20a50ac4]{font-size:.8rem;font-weight:500;cursor:pointer;color:#9394a5}.clear-button-light[data-v-20a50ac4]:hover,.panel-operation-light span[data-v-20a50ac4]:hover,.clear-button-dark[data-v-20a50ac4]:hover,.panel-operation-dark span[data-v-20a50ac4]:hover{color:#e4e5f1}.notification-message[data-v-20a50ac4]{display:flex;justify-content:center;align-items:center;padding-block:3em;color:#393a4c;font-weight:500}@media (max-width: 1072px){.task-item-list[data-v-20a50ac4]{gap:.7rem}.task-icon-light[data-v-20a50ac4],.task-icon-dark[data-v-20a50ac4]{margin-left:.3em}.item-light[data-v-20a50ac4],.item-dark[data-v-20a50ac4],.item-strike-light[data-v-20a50ac4],.item-strike-dark[data-v-20a50ac4]{font-size:.8rem}.panel[data-v-20a50ac4]{flex-direction:column;align-items:flex-start;gap:1rem}.total-task[data-v-20a50ac4],.panel-operation-light[data-v-20a50ac4],.panel-operation-dark[data-v-20a50ac4],.clear-button-light[data-v-20a50ac4],.clear-button-dark[data-v-20a50ac4]{font-size:.8rem}.notification-message[data-v-20a50ac4]{padding-block:2em}}@media (max-width: 480px){.task-item-list[data-v-20a50ac4]{gap:.5rem}.item-light[data-v-20a50ac4],.item-dark[data-v-20a50ac4],.item-strike-light[data-v-20a50ac4],.item-strike-dark[data-v-20a50ac4]{font-size:.75rem}.panel[data-v-20a50ac4]{padding-inline:.8em}.total-task[data-v-20a50ac4],.panel-operation-light[data-v-20a50ac4],.panel-operation-dark[data-v-20a50ac4],.clear-button-light[data-v-20a50ac4],.clear-button-dark[data-v-20a50ac4]{font-size:.7rem}.notification-message[data-v-20a50ac4]{padding-block:1.5em}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Josefin Sans,sans-serif}.light{background-color:#fafafa}.dark{background-color:#161722}main{width:35vw;margin:0 auto;padding-top:5em;padding-bottom:1.2em}input{border:none;outline:none}@media (max-width: 768px){main{width:70vw;padding-top:3em}}@media (max-width: 480px){main{width:90vw}}