:root{--fs-900:9.375rem;--fs-800:6.25rem;--fs-700:3.5rem;--fs-600:2rem;--fs-500:1.75rem;--fs-400:1.125rem;--fs-300:1rem;--fs-200:0.875rem;--ff-serif:"Fira Sans",serif;--ff-sans-normal:"Ubuntu",sans-serif}*,:after,:before{box-sizing:border-box}body,figure,h1,h2,h3,h4,h5,h6,p,picture{margin:0}h1,h2,h3,h4,h5,h6,p{font-weight:400}body{font-family:var(--ff-serif);font-size:var(--fs-400);line-height:1.5;min-height:100vh}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduce-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.flex{display:flex}.flex,.grid{gap:1rem;gap:var(--gap,1rem)}.grid{grid-gap:1rem;grid-gap:var(--gap,1rem);display:grid}.container{margin-inline:auto;max-width:30rem;padding-inline:2em}.sr-only{border:0;clip-path:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.App{align-items:center;background-color:var(--primary-color);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:5vh;text-align:center}:root{--primary-color:#f2ebbf;--secondary-color:#bff2eb;--tertiary-color:#ebbff2;--white-color:#faf7e5;--gray-color:#8c8a81;--dark-color:#161304}.bg-primary-color{background-color:#f2ebbf;background-color:var(--primary-color)}.bg-secondary-color{background-color:#bff2eb;background-color:var(--secondary-color)}.bg-tertiary-color{background-color:#ebbff2;background-color:var(--tertiary-color)}.text-primary-color{color:#f2ebbf;color:var(--primary-color)}.text-secondary-color{color:#bff2eb;color:var(--secondary-color)}.text-tertiary-color{color:#ebbff2;color:var(--tertiary-color)}.text-white-color{color:#faf7e5;color:var(--white-color)}.text-dark-color{color:#161304;color:var(--dark-color)}:root{--box-shadow-xs:#959da533 0px 1px 0px 1px;--box-shadow-sm:#959da533 0px 8px 24px;--box-shadow-md:#32325d40 0px 13px 27px -5px,#0000004d 0px 8px 16px -8px;--box-shadow-lg:#0000004d 0px 19px 38px,#00000038 0px 15px 12px}.box-shadow-xs{box-shadow:0 1px 0 1px #959da533;box-shadow:var(--box-shadow-xs)}.box-shadow-sm{box-shadow:0 8px 24px #959da533;box-shadow:var(--box-shadow-sm)}.box-shadow-md{box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d;box-shadow:var(--box-shadow-md)}.box-shadow-lg{box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038;box-shadow:var(--box-shadow-lg)}:root{--round-corner-sm:0.25rem;--round-corner-md:0.5rem;--round-corner-lg:0.75rem}.round-corner-sm{border-radius:.25rem;border-radius:var(--round-corner-sm)}.round-corner-md{border-radius:.5rem;border-radius:var(--round-corner-md)}.round-corner-lg{border-radius:.75rem;border-radius:var(--round-corner-lg)}:root{--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--spacing-xxxl:4rem}.todo-panel{background:var(--secondary-color);border-radius:var(--round-corner-sm);gap:var(--spacing-sm);margin:0 var(--spacing-md) 0 var(--spacing-md);max-width:30rem;width:calc(100vw - 2rem)}.icon-button{background-color:initial;border:0;padding:0}.list-icon-container{height:100px;width:100px}.list-icon{fill:var(--dark-color)}.checklist-icon,.list-icon{background:#0000;display:flex;justify-content:center;margin:0 auto}.checklist-icon{fill:var(--gray-color)}.complete-button{align-items:center;background-color:initial;border-radius:var(--spacing-xs);display:flex;height:2rem;padding:var(--spacing-xs);width:2rem}.title-input{border-radius:var(--round-corner-sm)}.title-input::placeholder,.title-input[type=text]{padding:var(--spacing-xs)}.checkbox{align-items:center;display:flex}.delete-icon{filter:invert(27%) sepia(95%) saturate(7484%) hue-rotate(357deg) brightness(104%) contrast(115%)}.title{margin:0 var(--spacing-sm) 0 var(--spacing-sm);width:100%}.EDITING .title{width:90%}.title-input{padding:var(--spacing-sm);text-overflow:ellipsis}.true .title-input{color:green;text-decoration:line-through}.todo-item{background:var(--secondary-color);box-shadow:var(--box-shadow-sm);display:flex;justify-content:space-between;margin-top:var(--spacing-sm);max-height:3rem;padding:var(--spacing-sm);width:auto}form{align-items:center;display:flex;height:auto;justify-content:flex-start;margin:auto;width:100%}.EDITING .checkbox,.delete-button{visibility:hidden}.delete-button{margin-left:var(--spacing-xs)}.todo-item:hover .delete-button{visibility:visible}.todo-panel{box-shadow:var(--box-shadow-sm);display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-sm)}.todo-menu{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.complete-button{margin-right:var(--spacing-md)}.title-input{align-items:center;border:none;display:flex;font-family:var(--ff-serif);font-size:var(--fs-300);height:100%;padding:0;width:100%}.todo-list{display:flex;flex-direction:column;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm);padding:0;width:auto}.base-button{align-items:center;border:0;border-radius:var(--round-corner-sm);display:inline-flex;font-family:var(--ff-serif);font-size:var(--fs-300);justify-content:center}.large{padding-inline:var(--spacing-md)}.large,.medium{height:var(--spacing-xl)}.medium{padding-inline:var(--spacing-sm)}.small{height:var(--spacing-lg);padding-inline:var(--spacing-xs)}.primary{background-color:var(--primary-color)}.secondary{background-color:var(--secondary-color)}.tertiary{background-color:var(--tertiary-color)}.white{color:var(--white-color)}.gray{color:var(--gray-color)}.dark{color:var(--dark-color)}.todo-footer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.todo-count{color:var(--gray-color);float:left;text-align:left}.todo-filters{display:flex;gap:var(--spacing-sm);list-style:none;padding:0}.todo-filter{border:none;border-radius:var(--round-corner-sm);color:var(--tertiary-color);padding:var(--spacing-xs);text-decoration:none;width:5rem}.active{background-color:var(--tertiary-color);color:var(--white-color)}@media (max-width:30rem){.todo-footer{flex-direction:column}.todo-count{float:none;text-align:center}}
/*# sourceMappingURL=main.a151eb40.css.map*/