._todo_b89o5_1{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;background-color:#fff}._todo__label_b89o5_10{position:absolute;width:100%;height:100%;cursor:pointer}._todo__checkbox_b89o5_16{width:1.5rem;height:1.5rem}._todo__remove_b89o5_20{width:1.5rem;height:1.5rem;z-index:10}._todo__task_b89o5_25{transition:color 50ms ease-in-out;-webkit-user-select:none;user-select:none;overflow:hidden;word-break:break-word}._todo__task_completed_b89o5_31{color:var(--text-color-secondary);text-decoration:line-through}@media (hover: hover){._todo_b89o5_1:hover ._todo__task_b89o5_25{color:var(--text-color-secondary)}}._addTodo__input_ywdeo_1{width:100%;font-size:1rem;border:none;padding:1rem}._addTodo__input_ywdeo_1::placeholder{color:var(--text-color-secondary)}._addTodo__input_ywdeo_1:focus{outline:1px solid var(--border-color-primary)}._listTodo_16i2u_1{display:flex;flex-direction:column}._todos_ksoh7_1{filter:drop-shadow(0 0 6px rgba(0,0,0,.1));background-color:var(--bg-color-secondary);display:grid;grid-template-rows:auto 1fr auto}._todos__addTodo_ksoh7_7{border-bottom:1px solid var(--border-color-primary)}._todos__list_ksoh7_10{height:425px;overflow-y:scroll}@media (max-width: 540px){._todos__list_ksoh7_10{height:auto;overflow-y:visible}}._todos__list__item_ksoh7_20{border-bottom:1px solid var(--border-color-primary)}._todos__list__item_ksoh7_20:last-child{border-bottom:none}._todos__footer_ksoh7_26{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color-primary);padding:1rem;background-color:var(--bg-color-secondary);font-weight:300;font-size:1rem}@media (max-width: 540px){._todos__footer_ksoh7_26{grid-row-start:2;border-top:none;border-bottom:1px solid var(--border-color-primary);position:sticky;top:0;z-index:20}}._todos__filters_ksoh7_46{display:flex;gap:1rem;justify-content:center}._todos__button_ksoh7_51{padding:2px 6px;font-weight:300;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:border-color .2s}._todos__button_ksoh7_51:hover,._todos__button_ksoh7_51:focus,._todos__button_ksoh7_51:disabled{border-color:var(--border-color-primary);color:inherit}._todos__clear_ksoh7_63{color:inherit;text-decoration:none;background-color:transparent;border:none;font-weight:300}._todos__clear_ksoh7_63:disabled{cursor:default}._todos__clear_ksoh7_63:not(:disabled):hover{text-decoration:underline}._app_1409h_1{max-width:768px;height:100%;margin:0 auto;padding:clamp(0rem,10vw - 2.8rem,2rem)}._app__container_1409h_7{display:flex;flex-direction:column;gap:2rem;padding-bottom:4rem}._app__title_1409h_13{font-size:3.5rem;font-weight:200;text-align:center;text-transform:lowercase;margin-top:2rem}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--bg-color-primary: #f5f5f5;--bg-color-secondary: #fff;--text-color-primary: #000;--text-color-secondary: #aaa;--border-color-primary: #aaa}*,*:after,*:before{margin:0;padding:0;font-family:inherit;box-sizing:border-box}html,body,#root{height:100%;font-family:Poppins,sans-serif;background-color:var(--bg-color-primary);color:var(--text-color-primary)}button,input[type=submit],input[type=checkbox]{cursor:pointer}