@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap";.button{padding-block:.625rem;font-size:1rem;color:var(--color-button-text)}.button:active{outline:auto;outline-color:var(--color-button-outline)}.checkbox{display:flex;align-items:center;column-gap:var(--column-gap);cursor:pointer}.checkbox input:checked~.checkbox__checkmark>*{display:block}.checkbox input:checked~.checkbox__label{color:var(--color-task-completed);text-decoration:line-through}.checkbox__checkmark{display:flex;align-items:center;justify-content:center;width:2.1875rem;height:2.1875rem;border-radius:50%;border:.0625rem solid var(--color-checkmark-outline)}.checkbox__checkmark>*{display:none}.checkbox__checkmark-icon{width:1.5625rem;height:1.5625rem;fill:var(--color-checkmark)}.page-title{font-size:4rem;color:var(--color-heading-text)}.radio-button{padding:.625rem;font-size:1rem;cursor:pointer;color:var(--color-button-text)}.radio-button:has(input:checked){outline:auto;outline-color:var(--color-button-outline)}.todos__item{padding-block:.625rem;padding-inline:var(--padding-inline, .3125rem)}.todos__item:not(:last-child){border-bottom:.125rem solid var(--color-border)}.active-todos-count{font-size:1rem;color:var(--color-button-text)}.todo-filter{display:flex;column-gap:.625rem}.todo-input{padding:.75rem 1rem;padding-left:0;display:flex;background-color:var(--color-surface);column-gap:var(--column-gap)}.todo-input:focus-within{outline:auto}.todo-input__icon{display:flex;justify-content:center;align-items:center;flex:0 0 2.1875rem;order:1;transition:color .3s ease;stroke-width:.125rem}.todo-input__input{width:100%;order:2;outline:none;background-color:inherit;color:inherit}.todo-input__input::placeholder{color:var(--color-placeholder);font-style:italic}.todo-input__input:placeholder-shown~*{color:var(--color-placeholder)}.todos-editor{--padding-inline: 1rem;background-color:var(--color-surface)}.todos-editor>*:not(:last-child){border-bottom:.125rem solid var(--color-border)}.todos-editor__input,.todos-editor footer{padding-inline:var(--padding-inline)}.todos-editor footer{padding-block:.625rem;display:flex;flex-wrap:wrap;gap:.625rem 1.25rem;align-items:center;justify-content:space-between}.todospage{max-width:50rem;margin:auto;padding:1.25rem}.todospage__title{text-align:center}.todospage__title:not(:last-child){margin-bottom:1.25rem}*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0;border:none}input,button,textarea,code{font:inherit}button{cursor:pointer;color:inherit;background-color:inherit}a{color:inherit}a:link,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font:inherit}.app.light{--color-background: #f5f5f5;--color-main-text: #4f4f4f;--color-heading-text: #e8d8d7;--color-task-active: #4f4f4f;--color-task-completed: #d8d8d8;--color-button-text: #898989;--color-button-outline: #eddbdb;--color-checkmark: #66b8a4;--color-checkmark-outline: #d0e1de;--color-surface: #fefefe;--color-placeholder: #eaeaea;--color-border: #ebebeb}.app.dark{--color-background: #181818;--color-main-text: #f5f5f5;--color-heading-text: #f5f5f5;--color-task-active: #cccccc;--color-task-completed: #555555;--color-button-text: #aaaaaa;--color-button-outline: #444444;--color-checkmark: #4ca28f;--color-checkmark-outline: #4a7c75;--color-surface: #1f1f1f;--color-placeholder: #666666;--color-border: #2d3331}:root{--column-gap: .9375rem}html,body,#root{height:100%;min-width:320px}body{font-family:Inter,sans-serif;line-height:normal;font-size:1.5rem;font-weight:400;overflow-x:hidden}.app{height:100%;color:var(--color-main-text);background-color:var(--color-background)}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(100%)}