@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap";:root{--Blue500: hsl(220, 98%, 61%);--CheckBackground: linear-gradient(hsl(192, 100%, 67%) to hsl(280, 87%, 65%));--Gray50: hsl(0, 0%, 98%);--Gray300: hsl(233, 11%, 84%);--Navy850: hsl(235, 19%, 35%);--Navy950: hsl(235, 21%, 11%);--Navy900: hsl(235, 24%, 19%);--Purple300: hsl(234, 39%, 85%);--Purple100: hsl(236, 33%, 92%);--Purple600: hsl(235, 16%, 43%);--Purple700: hsl(233, 14%, 35%);--Purple800: hsl(237, 14%, 26%);--Gray600: hsl(236, 9%, 61%);--bg-color: hsl(236, 33%, 92%);--card-bg: hsl(236, 33%, 92%);--text-color: hsl(235, 19%, 35%);--divider: hsl(233, 11%, 84%);--bg-image: url(/todo-app-main/assets/bg-desktop-light-BIdKokTn.jpg);--isComplete: hsl(236, 9%, 61%)}.dark{--bg-color: hsl(235, 21%, 11%);--card-bg: hsl(235, 24%, 19%);--text-color: hsl(234, 39%, 85%);--divider: hsl(237, 14%, 26%);--bg-image: url(/todo-app-main/assets/bg-desktop-dark-DzAvO98h.jpg);--isComplete: hsl(235, 19%, 35%)}.card{background-color:var(--card-bg)}*{box-sizing:content-box;padding:0;margin:0}html{font-family:Josefin Sans,sans-serif;font-optical-sizing:auto;font-style:normal}body{font-size:18px;background-color:var(--bg-color);background-size:cover;color:var(--text-color)}.cursor-pointer{cursor:pointer}.display-flex{display:flex}.direction-column{flex-direction:column}.direction-row{flex-direction:row}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.border-radius{border-radius:.3rem}.gap1{gap:1rem}@media screen and (max-width:700px){:root{--bg-image: url(/todo-app-main/assets/bg-mobile-light-eXTHhUPU.jpg)}.dark{--bg-image: url(/todo-app-main/assets/bg-mobile-dark-DBhZPurk.jpg)}}.drag-paragraph[data-v-f0044807]{margin-top:3rem;z-index:999}p[data-v-f0044807]{color:var(--Gray600);text-align:center}footer[data-v-f0044807]{z-index:999;display:flex;justify-content:center}.attribution[data-v-f0044807]{font-size:.6rem;text-align:center;padding-block:3rem}.attribution a[data-v-f0044807]{color:#3e52a3}@media screen and (min-width:1000px){.attribution[data-v-f0044807]{font-size:.8rem}}@media screen and (min-width:1400px){.attribution[data-v-f0044807]{font-size:1rem}}.container-background[data-v-c5216eba]{background-image:var(--bg-image);background-size:cover;position:fixed;background-position:top center;background-repeat:no-repeat;height:45vh;width:100vw}.header[data-v-c5216eba]{margin-block:14vh 3vh;justify-content:space-between;width:86vw;z-index:999}.title[data-v-c5216eba]{color:var(--Gray50);font-weight:700;font-size:2.5rem}.theme-btn[data-v-c5216eba]{border:none;background:transparent;transition:.3s ease}@media screen and (min-width:768px){.container-background[data-v-c5216eba]{height:40vh}.header[data-v-c5216eba]{width:50vw}.title[data-v-c5216eba]{font-size:3rem}}@media screen and (min-width:1024px){.header[data-v-c5216eba]{width:38vw}}.todo-container[data-v-98988d28]{background-color:var(--card-bg);box-shadow:0 1px 8px #00000042;z-index:999}.margin-top[data-v-98988d28]{margin-top:1.5rem}.border-bottom[data-v-98988d28]{border-bottom:solid 1px var(--divider)}ul[data-v-98988d28]{list-style:none}.li-todo[data-v-98988d28]{justify-content:space-between;gap:1rem}li.dragging[data-v-98988d28]{opacity:.8;transform:scale(1.05);cursor:grabbing;transition:transform .2s ease,box-shadow .2s ease}p[data-v-98988d28]{font-size:calc(.4rem + 6px)}.completed[data-v-98988d28]{text-decoration-line:line-through;color:var(--isComplete)}.active[data-v-98988d28]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='11'%20height='9'%3e%3cpath%20fill='none'%20stroke='%23FFF'%20stroke-width='2'%20d='M1%204.304L3.696%207l6-6'/%3e%3c/svg%3e"),linear-gradient(to bottom right,#57ddff,#c058f3);background-repeat:no-repeat;background-position:center}.delete-btn[data-v-98988d28]{opacity:1}.delete-btn svg[data-v-98988d28]{scale:.6}.no-item[data-v-98988d28]{color:var(--Navy850)}@media screen and (min-width:770px){.delete-btn[data-v-98988d28]{opacity:0;transition:opacity .2s}.li-todo:hover .delete-btn[data-v-98988d28]{opacity:1}p[data-v-98988d28]{font-size:calc(.5rem + 10px)}}.input-card[data-v-68f7dd73]{z-index:999;box-shadow:0 2px 8px #00000042}input[data-v-68f7dd73]{font-family:Josefin Sans,sans-serif}input[data-v-68f7dd73]::placeholder{font-family:Josefin Sans,sans-serif;opacity:1}.text-input[data-v-68f7dd73]{background:var(--card-bg);color:var(--text-color);border:none;outline:none;width:70vw;box-sizing:border-box}@media screen and (min-width:768px){.text-input[data-v-68f7dd73]{width:50vw}}@media screen and (min-width:1024px){.text-input[data-v-68f7dd73]{width:38vw}}div[data-v-62d2069e]{gap:1rem}.filter-container[data-v-62d2069e]{box-shadow:0 4px 8px #00000042;justify-content:space-between}.desktop-middle-container[data-v-62d2069e]{display:none}.mobile-middle-container[data-v-62d2069e]{margin-top:1rem;box-shadow:0 2px 8px #00000042;justify-content:space-evenly;display:flex}.item-left[data-v-62d2069e]{color:var(--Navy850);font-size:.8rem}.activeBtn[data-v-62d2069e]{color:var(--Blue500)}@media(min-width:768px){.mobile-middle-container[data-v-62d2069e]{display:none}.desktop-middle-container[data-v-62d2069e]{justify-content:space-between;display:flex}}.card[data-v-b95f4355]{padding:1rem;width:80vw;background:var(--card-bg);gap:1rem;z-index:999}@media screen and (min-width:768px){.card[data-v-b95f4355]{padding:1.2rem;width:50vw}}@media screen and (min-width:1024px){.card[data-v-b95f4355]{width:35vw}}button[data-v-238f96c4]{border:none;background:transparent;color:var(--Navy850);font-family:Josefin Sans,sans-serif;cursor:pointer}button[data-v-238f96c4]:hover,button[data-v-238f96c4]:active{color:var(--Blue500)}.circle[data-v-238f96c4]{padding:.6rem;border:solid 1px var(--divider);border-radius:50%}.circle[data-v-238f96c4]:hover,.circle[data-v-238f96c4]:active{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='11'%20height='9'%3e%3cpath%20fill='none'%20stroke='%23FFF'%20stroke-width='2'%20d='M1%204.304L3.696%207l6-6'/%3e%3c/svg%3e"),linear-gradient(to bottom right,#57ddff,#c058f3);background-repeat:no-repeat;background-position:center}