.Home_container__d256j{width:100%;max-width:500px;min-width:300px;margin:2em auto}.Header_ul__IzaIm{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333}.Header_li__LhSxJ{float:left;display:block;text-align:center;padding:14px 16px;text-decoration:none}.Header_liRight__v6pTt{float:right}.Header_appTitle__qWdvM{color:var(--background-color);background-color:var(--primary-color);margin:.3em;padding:.1em .5em;width:auto;display:inline-block;border-radius:var(--border-radius);font-weight:700;font-size:1.5em}.Header_loginMessage__SniW0{color:#ffffff}.Header_button__YoSlo{margin:0 1em}.TaskItem_global__TGBaT{box-sizing:inherit}.TaskItem_inputCheckbox__5REJ8{display:none}.TaskItem_svg__YlkWA{width:24px;height:24px;stroke:var(--primary-color);stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;fill:none;color:var(--primary-color)}.TaskItem_listTaskItem__SPbyl{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:var(--border-radius);padding:8px 10px;background-color:var(--background-color);color:#000000;font-size:16px;font-weight:400;margin:3px 0}.TaskItem_listTaskLabel__f74LA{border:none;background-color:transparent;outline:none;cursor:pointer}.TaskItem_listTaskCheckmark__Dn4PE{transition:stroke-dashoffset .1s linear}.TaskItem_listTaskCheckmarkChecked__q9_xw{stroke-dashoffset:0}.TaskItem_listTaskText__tzfaW{width:100%;padding-left:7px;overflow:hidden;text-overflow:ellipsis}.TaskItem_listTaskTextCrossed__OjUou{text-decoration:line-through}.TaskItem_listTaskButton__Frdp6{border:none;background-color:transparent;outline:none;cursor:pointer;padding:0}.TaskItem_listTaskButtonSVG__3RQ5v{pointer-events:none}.TaskList_global__xKNKP{box-sizing:inherit}.TaskList_taskFormInput__3neP9{display:inline-block;color:var(--background-color);background-color:var(--primary-color);width:100%;border-radius:var(--border-radius);padding:15px 10px;border:none;outline:none;font-size:16px;font-weight:400}.TaskList_ul__OTX6n{padding:0;list-style-type:none}.TaskList_emptyState__If_Bi{background-color:var(--background-color);border-radius:var(--border-radius);margin-top:10px;padding-bottom:1px;display:flex;flex-direction:column;align-items:center;align-content:center;color:var(--primary-color)}.TaskList_emptyStateSVG__2vlTx{width:120px;height:120px;stroke:var(--primary-color);stroke-width:.4;stroke-linecap:square;stroke-linejoin:miter;fill:none}