._header_17p0q_1{display:flex;justify-content:center;align-items:center;background:var(--gray-700);height:12.5rem}._header_17p0q_1 img{width:7.87rem;height:3rem}._wrapper_1tpyw_1{max-width:46rem;margin:0 auto}@media (max-width: 765px){._taskList_1tpyw_15{padding:0 1.5rem}._inputArea_1tpyw_23{margin:-1.75rem .7rem!important}}._taskList_1tpyw_15{margin-top:5.7rem}._infoTaskList_1tpyw_41{display:flex;justify-content:space-between;margin-bottom:1.5rem}._tasksCreated_1tpyw_53{display:flex;gap:.5rem;align-items:center}._tasksCreated_1tpyw_53 p{color:var(--blue);font-weight:700;font-size:14px}._tasksCreated_1tpyw_53 span{color:var(--white);font-weight:700;font-size:12px;background:var(--gray-400);padding:.125rem .5rem;border-radius:999px}._tasksFinished_1tpyw_95{display:flex;gap:.5rem;align-items:center}._tasksFinished_1tpyw_95 p{color:var(--purple);font-weight:700;font-size:14px}._tasksFinished_1tpyw_95 span{color:var(--white);font-weight:700;font-size:12px;background:var(--gray-400);padding:.125rem .5rem;border-radius:999px}._noTasks_1tpyw_137{padding:4rem 1.5rem;text-align:center;display:flex;gap:1rem;flex-direction:column;align-items:center;border-top:2px solid var(--gray-400);border-radius:8px}._innerText_1tpyw_161{font-weight:700}._oneTask_1tpyw_171{display:grid;grid-template-columns:3.25rem 1fr 3.25rem;background:var(--gray-500);border-radius:.5rem}._oneTaskDescription_1tpyw_185{font-size:14px;color:var(--white);padding:1rem 0;line-height:140%}._oneTaskIcon_1tpyw_199{padding:1rem 0;display:flex;justify-content:center;border-radius:999px;align-items:baseline}._oneTaskCheck_1tpyw_215{padding:1rem 0;text-align:center}._oneTaskIcon_1tpyw_199 button{background:var(--gray-500);color:var(--gray-300);border:0;line-height:0;border-radius:2px;cursor:pointer;margin:.3125rem}._oneTaskIcon_1tpyw_199 button:hover{color:var(--danger)}._oneTask_1tpyw_171+._oneTask_1tpyw_171{margin-top:.75rem}._oneTaskCheck_1tpyw_215 input[type=checkbox]{display:none}._inputArea_1tpyw_23{display:flex;gap:.5rem;margin:-1.75rem 0}._inputArea_1tpyw_23 input{flex:1;padding:1rem;border:0;background:var(--gray-500);color:var(--gray-300);border-radius:.5rem}._inputArea_1tpyw_23 button{border:0;display:flex;align-items:center;padding:1rem;gap:.5rem;color:var(--white);background:var(--blue-dark);border-radius:.5rem;font-weight:700;cursor:pointer}._inputArea_1tpyw_23 button:hover{background:var(--blue);transition:background-color .2s}:root{--white: #fff;--gray-100: #F2F2F2;--gray-200: #D9D9D9;--gray-300: #808080;--gray-400: #333333;--gray-500: #262626;--gray-600: #1A1A1A;--gray-700: #0D0D0D;--purple: #8284FA;--purple-dark: #5E60CE;--blue: #4EA8DE;--blue-dark: #1E6F9F;--danger: #E25858}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--gray-600);color:var(--gray-300);-webkit-font-smoothing:antialiased}body,input,textarea,button{font-family:Inter,"sans-serif";font-weight:400;font-size:1rem}._oneTask_1fdny_1{display:grid;grid-template-columns:3.25rem 1fr 3.25rem;background:var(--gray-500);border-radius:.5rem}._oneTaskDescription_1fdny_15{font-size:14px;color:var(--white);padding:1rem 0;line-height:140%}._oneTaskDescriptionMarked_1fdny_31{font-size:14px;color:var(--gray-300);text-decoration:line-through;padding:1rem 0;line-height:140%}._oneTaskIcon_1fdny_47{padding:1rem 0;display:flex;justify-content:center;border-radius:999px;align-items:baseline}._oneTaskCheck_1fdny_63{padding:1rem 0;text-align:center}._oneTaskIcon_1fdny_47 button{background:var(--gray-500);color:var(--gray-300);border:0;line-height:0;border-radius:2px;cursor:pointer;margin:.3125rem}._oneTaskIcon_1fdny_47 button:hover{color:var(--danger)}._oneTask_1fdny_1+._oneTask_1fdny_1{margin-top:.75rem}._oneTaskCheck_1fdny_63 input[type=checkbox]{display:none}._customCheckbox_1fdny_119{width:1.1rem;height:1.1rem;background-color:transparent;border-radius:999px;border:2px solid var(--blue);display:inline-block;cursor:pointer;margin:.2rem;position:relative}._customCheckbox_1fdny_119:hover{background-color:#1e709f36;border:2px solid var(--blue-dark);filter:drop-shadow(0 4px 2px rgba(0,0,0,.25))}._customCheckboxMarked_1fdny_155{width:1.1rem;height:1.1rem;background-color:transparent;border-radius:999px;border:2px solid var(--blue);display:inline-block;cursor:pointer;margin:.2rem;position:relative;background-color:var(--purple);border:0}._customCheckboxMarked_1fdny_155:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:3px;border:solid white;border-width:0 0 1.5px 1.5px;transform:translate(-50%,-50%) rotate(-45deg);transition:opacity .2s}