:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*/ *,*::before,*::after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;margin:0;color:var(--color-text);background:linear-gradient(#f6f6f6,#00808046);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:768px;margin:0 auto;padding:2rem;font-weight:400}button,select{border:none;border-radius:.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:.3s;box-shadow:0 0 20px #7d959044}button:hover,select:hover{background-color:#2b2b2b;color:#4b9191;cursor:pointer}button{padding:.25rem .7rem;background-color:#4b9191;color:#fff;box-shadow:0 0 20px #0004}select{padding:.5rem .7rem;border-right:1rem solid transparent;background-color:#94c7c7;color:#3d3d3d}#app,button,select,input{font-size:1.2rem}h2{font-family:Nunito,sans-serif}li[data-v-250217ab]{display:grid;grid-template-columns:1fr auto auto;gap:1rem}li span[data-v-250217ab]:nth-of-type(1):hover{font-weight:700;cursor:pointer}.edit[data-v-250217ab],.remove[data-v-250217ab]{color:#7c7c7c}.edit[data-v-250217ab]:hover{color:#2f63ff;cursor:pointer}.remove[data-v-250217ab]:hover{color:red;cursor:pointer}.completed[data-v-250217ab]{text-decoration:line-through}.priority-icon[data-v-250217ab]{border-radius:50%;border:2px solid;padding:2px;aspect-ratio:1/1;font-size:1.2rem}.priority-content[data-v-250217ab]{display:flex;align-items:center;gap:.5rem}.low[data-v-250217ab]{color:#005f5f;background-color:#d6ffff}.medium[data-v-250217ab]{color:#005f5f;background-color:#aee5e5}.high[data-v-250217ab]{color:#005f5f;background-color:#41a9a9}.filter[data-v-9d6fffce]{border-radius:.5rem;color:#fff;transition:.25s;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:100%}.filter[data-v-9d6fffce]:hover{cursor:pointer}.unselected[data-v-9d6fffce]{color:#ffffff53}.category[data-v-9d6fffce]{text-transform:capitalize;margin:0;font-size:1.5rem;font-weight:600}.completed[data-v-9d6fffce]{background-color:#205f5f}.incomplete[data-v-9d6fffce]{background-color:#2d8585}.Low[data-v-9d6fffce]{background-color:#58a5a5}.Medium[data-v-9d6fffce]{background-color:#74bc9c}.High[data-v-9d6fffce]{background-color:#447e63}.completed.unselected[data-v-9d6fffce]{background-color:#386262}.incomplete.unselected[data-v-9d6fffce]{background-color:#488b8b}.Low.unselected[data-v-9d6fffce]{background-color:#6baaaa}.Medium.unselected[data-v-9d6fffce]{background-color:#7eb99e}.High.unselected[data-v-9d6fffce]{background-color:#4e8069}.backdrop[data-v-e083418c]{width:100%;background:linear-gradient(#f6f6f6,#409b9b);position:absolute;top:100%;left:0;height:0;transition:all .3s ease-out}.backdrop.up[data-v-e083418c]{display:flex;flex-direction:column;align-items:center;top:0;height:100%}.filter-container[data-v-e083418c]{display:flex;flex-direction:column;gap:.5rem;height:100%;max-width:768px;width:100%}.container[data-v-88b6d2b4]{display:grid;grid-template-rows:auto 1fr;padding:3rem;height:100%}.filters[data-v-88b6d2b4]{display:flex;flex-direction:column;gap:.5rem}.filter-header[data-v-88b6d2b4]{display:flex;align-items:center;justify-content:space-between;color:#383838}.cancel[data-v-88b6d2b4]{padding:.5rem .7rem;background-color:#f1f1f1;color:#4b9191}.cancel[data-v-88b6d2b4]:hover{background-color:#2b2b2b;color:#4b9191;cursor:pointer}.menu-item[data-v-0182ddeb]{padding-right:5rem;width:100%}.menu-item .content[data-v-0182ddeb]{text-transform:capitalize;padding:0 .5rem;transition:.3s;display:flex;justify-content:space-between;align-items:center}.menu-item[data-v-0182ddeb] :hover{cursor:pointer;color:#48acac}.menu-item hr[data-v-0182ddeb]{width:100%;border:.5px solid rgb(210,210,210)}.logo-img[data-v-64ebce12]{font-size:3rem;color:#48acac}header[data-v-3f6058b2]{display:flex;align-items:center;justify-content:space-between}.app-logo[data-v-3f6058b2]{display:flex;align-items:center;gap:.5rem}.logo-title[data-v-3f6058b2]{font-size:2rem;font-weight:700;font-family:Nunito,sans-serif}.menu[data-v-3f6058b2]{color:#76a5a581;font-size:1.5rem;transition:.3s}.menu[data-v-3f6058b2]:hover{cursor:pointer;color:#48acac}.menu-content[data-v-3f6058b2]{display:flex;flex-direction:column;align-items:flex-start;background-color:#f1f1f1;border-radius:5px;margin-top:1.5rem;box-shadow:0 0 20px #7d959044;position:absolute;padding:.5rem 0;justify-content:space-between;z-index:3;width:9.5rem}.menu-container[data-v-3f6058b2]{display:flex;flex-direction:column;align-items:flex-end}.edit-form[data-v-07ae770d]{display:flex;flex-direction:column;justify-content:center;padding:3rem;border-radius:.25rem}.edit-form .header[data-v-07ae770d]{display:flex;align-items:center;justify-content:space-between}.edit-form .content[data-v-07ae770d]{display:grid;grid-template-columns:1fr auto;gap:1rem}.cancel[data-v-07ae770d]{padding:.5rem .7rem;background-color:#f1f1f1;color:#4b9191}.cancel[data-v-07ae770d]:hover{background-color:#2b2b2b;color:#4b9191;cursor:pointer}form:nth-of-type(1)>*[data-v-181a99eb]{margin-right:1rem}ul[data-v-181a99eb]{padding:0;column-span:1 2}.add-task-form[data-v-181a99eb]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.add-task-form input[data-v-181a99eb]{padding:.5rem;border:none;border-radius:3px;box-shadow:0 0 20px #7d959044;background-color:#f1f1f1;grid-column:1 / span 2}@media (min-width: 768px){.add-task-form[data-v-181a99eb]{grid-template-columns:1fr auto auto}.add-task-form input[data-v-181a99eb]{grid-column:unset}}