:root{--blue-five-hundred: hsl(220 98% 61%);--check-background: linear-gradient( 135deg, hsl(192 100% 67%), hsl(280 87% 65%) );--font-family: "Josefin Sans", sans-serif;--global-font-size: 18px;--content-width: 33.75rem}:root,:root[data-theme=light]{--page-background: hsl(0 0% 98%);--todo-surface: hsl(0 0% 100%);--todo-text: hsl(235 19% 35%);--todo-muted: hsl(236 12% 40%);--todo-accent: hsl(220 80% 42%);--todo-border: hsl(233 11% 84%);--header-background: url(/assets/bg-desktop-light-BIdKokTn.jpg);--header-background-mobile: url(/assets/bg-mobile-light-eXTHhUPU.jpg)}:root[data-theme=dark]{--page-background: hsl(235 21% 11%);--todo-surface: hsl(235 24% 19%);--todo-text: hsl(234 39% 85%);--todo-muted: hsl(236 16% 74%);--todo-accent: hsl(220 98% 72%);--todo-border: hsl(237 14% 26%);--header-background: url(/assets/bg-desktop-dark-DzAvO98h.jpg);--header-background-mobile: url(/assets/bg-mobile-dark-DBhZPurk.jpg)}*{margin:0;padding:0;box-sizing:border-box;font-weight:400}html{font-size:var(--global-font-size);font-family:var(--font-family);color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{min-height:100vh;background-color:var(--page-background)}.app{min-block-size:100vh;background-color:var(--page-background)}.app__content{display:grid;gap:1.5rem;inline-size:min(100% - 3rem,var(--content-width));margin-block-start:-8.5rem;margin-inline:auto}@media not (min-width:48rem){.app__content{gap:1rem;inline-size:min(100% - 1.5rem,var(--content-width));margin-block-start:-6rem}}[data-v-20ce638e]:root{--blue-five-hundred: hsl(220 98% 61%);--check-background: linear-gradient( 135deg, hsl(192 100% 67%), hsl(280 87% 65%) );--font-family: "Josefin Sans", sans-serif;--global-font-size: 18px;--content-width: 33.75rem}[data-v-20ce638e]:root,:root[data-theme=light][data-v-20ce638e]{--page-background: hsl(0 0% 98%);--todo-surface: hsl(0 0% 100%);--todo-text: hsl(235 19% 35%);--todo-muted: hsl(236 12% 40%);--todo-accent: hsl(220 80% 42%);--todo-border: hsl(233 11% 84%);--header-background: url(/assets/bg-desktop-light-BIdKokTn.jpg);--header-background-mobile: url(/assets/bg-mobile-light-eXTHhUPU.jpg)}:root[data-theme=dark][data-v-20ce638e]{--page-background: hsl(235 21% 11%);--todo-surface: hsl(235 24% 19%);--todo-text: hsl(234 39% 85%);--todo-muted: hsl(236 16% 74%);--todo-accent: hsl(220 98% 72%);--todo-border: hsl(237 14% 26%);--header-background: url(/assets/bg-desktop-dark-DzAvO98h.jpg);--header-background-mobile: url(/assets/bg-mobile-dark-DBhZPurk.jpg)}[data-v-20ce638e]{margin:0;padding:0;box-sizing:border-box;font-weight:400}html[data-v-20ce638e]{font-size:var(--global-font-size);font-family:var(--font-family);color-scheme:light}html[data-theme=dark][data-v-20ce638e]{color-scheme:dark}body[data-v-20ce638e]{min-height:100vh;background-color:var(--page-background)}.app[data-v-20ce638e]{min-block-size:100vh;background-color:var(--page-background)}.app__content[data-v-20ce638e]{display:grid;gap:1.5rem;inline-size:min(100% - 3rem,var(--content-width));margin-block-start:-8.5rem;margin-inline:auto}@media not (min-width:48rem){.app__content[data-v-20ce638e]{gap:1rem;inline-size:min(100% - 1.5rem,var(--content-width));margin-block-start:-6rem}}.header[data-v-20ce638e]{min-block-size:clamp(12.5rem,32vw,18.75rem);padding-block-start:clamp(3rem,8vw,4.5rem);padding-inline:clamp(1.5rem,5vw,2rem);background-image:var(--header-background);background-repeat:no-repeat;background-position:center;background-size:cover}.header .header__content[data-v-20ce638e]{display:flex;align-items:center;justify-content:space-between;inline-size:min(100%,var(--content-width));margin-inline:auto}.header .header__title[data-v-20ce638e]{color:#fff;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1;letter-spacing:.6rem;text-transform:uppercase}.header .header__theme-button[data-v-20ce638e]{display:grid;place-items:center;inline-size:2rem;block-size:2rem;border:0;background:transparent;cursor:pointer}.header .header__theme-button img[data-v-20ce638e]{inline-size:1.5rem;block-size:1.5rem}@media not (min-width:48rem){.header[data-v-20ce638e]{background-image:var(--header-background-mobile)}}.todo-input[data-v-78089d52]{display:flex;align-items:center;gap:1.35rem;inline-size:100%;min-block-size:4rem;padding-block:1rem;padding-inline:1.35rem;border-radius:.35rem;background-color:var(--todo-surface);box-shadow:0 1.75rem 3rem #1617221f}.todo-input .todo-input__submit[data-v-78089d52]{flex:0 0 auto;inline-size:1.35rem;aspect-ratio:1;border:.0625rem solid var(--todo-border);border-radius:50%;background:transparent;cursor:pointer}.todo-input .todo-input__submit[data-v-78089d52]:hover,.todo-input .todo-input__submit[data-v-78089d52]:focus-visible{border-color:var(--blue-five-hundred)}.todo-input .todo-input__submit[data-v-78089d52]:focus-visible{outline:.125rem solid var(--blue-five-hundred);outline-offset:.2rem}.todo-input .todo-input__field[data-v-78089d52]{min-inline-size:0;flex:1;border:0;outline:0;background:transparent;color:var(--todo-text);font:inherit;line-height:1.4;caret-color:var(--blue-five-hundred)}.todo-input .todo-input__field[data-v-78089d52]::placeholder{color:var(--todo-muted)}@media not (min-width:48rem){.todo-input[data-v-78089d52]{gap:.85rem;min-block-size:3rem;padding-block:.85rem;padding-inline:1.1rem;border-radius:.3rem}.todo-input .todo-input__submit[data-v-78089d52]{inline-size:1.2rem}.todo-input .todo-input__field[data-v-78089d52]{font-size:.85rem}}.todo-list[data-v-6168bcc4]{overflow:hidden;border-radius:.35rem;background-color:var(--todo-surface);box-shadow:0 1.75rem 3rem #1617221f}.todo-list .todo-list__items[data-v-6168bcc4]{list-style:none}.todo-list .todo-list__item[data-v-6168bcc4]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:1.35rem;min-block-size:4rem;padding-inline:1.35rem;border-block-end:.0625rem solid var(--todo-border);color:var(--todo-text)}.todo-list .todo-list__item--completed[data-v-6168bcc4]{color:var(--todo-muted);text-decoration-line:line-through}.todo-list .todo-list__check[data-v-6168bcc4],.todo-list .todo-list__remove[data-v-6168bcc4],.todo-list .todo-list__filter[data-v-6168bcc4],.todo-list .todo-list__clear[data-v-6168bcc4]{border:0;font:inherit;background:transparent;cursor:pointer}.todo-list .todo-list__check[data-v-6168bcc4]{display:grid;place-items:center;inline-size:1.35rem;aspect-ratio:1;border:.0625rem solid var(--todo-border);border-radius:50%}.todo-list .todo-list__item--completed .todo-list__check[data-v-6168bcc4]{border:0;background:var(--check-background)}.todo-list .todo-list__check img[data-v-6168bcc4]{inline-size:.65rem}.todo-list .todo-list__text[data-v-6168bcc4]{min-inline-size:0;overflow-wrap:anywhere}.todo-list .todo-list__remove[data-v-6168bcc4]{display:grid;place-items:center;opacity:0;transition:opacity .15s ease}.todo-list .todo-list__item:hover .todo-list__remove[data-v-6168bcc4],.todo-list .todo-list__remove[data-v-6168bcc4]:focus-visible{opacity:1}.todo-list .todo-list__remove img[data-v-6168bcc4]{inline-size:1rem}.todo-list .todo-list__actions[data-v-6168bcc4]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-block-size:3.2rem;padding-inline:1.35rem;color:var(--todo-muted);font-size:.78rem}.todo-list .todo-list__filters[data-v-6168bcc4]{display:flex;gap:1rem}.todo-list .todo-list__filter[data-v-6168bcc4],.todo-list .todo-list__clear[data-v-6168bcc4]{color:inherit}.todo-list .todo-list__filter[data-v-6168bcc4]:hover,.todo-list .todo-list__clear[data-v-6168bcc4]:hover,.todo-list .todo-list__filter--active[data-v-6168bcc4]{color:var(--todo-accent)}.todo-list .todo-list__clear[data-v-6168bcc4]{justify-self:end}@media not (min-width:48rem){.todo-list[data-v-6168bcc4]{overflow:visible}.todo-list .todo-list__item[data-v-6168bcc4]{column-gap:.85rem;min-block-size:3.25rem;padding-inline:1.1rem;font-size:.85rem}.todo-list .todo-list__check[data-v-6168bcc4]{inline-size:1.2rem}.todo-list .todo-list__remove[data-v-6168bcc4]{opacity:1}.todo-list .todo-list__actions[data-v-6168bcc4]{grid-template-columns:1fr 1fr;row-gap:1rem;min-block-size:auto;padding-block:1rem;padding-inline:1.1rem}.todo-list .todo-list__filters[data-v-6168bcc4]{grid-column:1 / -1;grid-row:2;justify-content:center;padding-block:.95rem;border-radius:.3rem;background-color:var(--todo-surface);box-shadow:0 1.75rem 3rem #1617221f;font-weight:700;order:1}}[data-v-8cf32c43]:root{--blue-five-hundred: hsl(220 98% 61%);--check-background: linear-gradient( 135deg, hsl(192 100% 67%), hsl(280 87% 65%) );--font-family: "Josefin Sans", sans-serif;--global-font-size: 18px;--content-width: 33.75rem}[data-v-8cf32c43]:root,:root[data-theme=light][data-v-8cf32c43]{--page-background: hsl(0 0% 98%);--todo-surface: hsl(0 0% 100%);--todo-text: hsl(235 19% 35%);--todo-muted: hsl(236 12% 40%);--todo-accent: hsl(220 80% 42%);--todo-border: hsl(233 11% 84%);--header-background: url(/assets/bg-desktop-light-BIdKokTn.jpg);--header-background-mobile: url(/assets/bg-mobile-light-eXTHhUPU.jpg)}:root[data-theme=dark][data-v-8cf32c43]{--page-background: hsl(235 21% 11%);--todo-surface: hsl(235 24% 19%);--todo-text: hsl(234 39% 85%);--todo-muted: hsl(236 16% 74%);--todo-accent: hsl(220 98% 72%);--todo-border: hsl(237 14% 26%);--header-background: url(/assets/bg-desktop-dark-DzAvO98h.jpg);--header-background-mobile: url(/assets/bg-mobile-dark-DBhZPurk.jpg)}[data-v-8cf32c43]{margin:0;padding:0;box-sizing:border-box;font-weight:400}html[data-v-8cf32c43]{font-size:var(--global-font-size);font-family:var(--font-family);color-scheme:light}html[data-theme=dark][data-v-8cf32c43]{color-scheme:dark}body[data-v-8cf32c43]{min-height:100vh;background-color:var(--page-background)}.app[data-v-8cf32c43]{min-block-size:100vh;background-color:var(--page-background)}.app__content[data-v-8cf32c43]{display:grid;gap:1.5rem;inline-size:min(100% - 3rem,var(--content-width));margin-block-start:-8.5rem;margin-inline:auto}@media not (min-width:48rem){.app__content[data-v-8cf32c43]{gap:1rem;inline-size:min(100% - 1.5rem,var(--content-width));margin-block-start:-6rem}}.footer[data-v-8cf32c43]{padding-block:1.75rem 3rem;color:var(--todo-muted);font-size:.78rem;line-height:1.4;text-align:center}