._header_5cldv_1{background-color:var(--gray-700);display:flex;justify-content:center;align-items:center;height:12.5rem;z-index:0}._header_5cldv_1 img{height:3rem}._input_1sagl_1{width:100%;padding:1rem;background-color:var(--gray-500);color:var(--gray-100);font-size:1rem;border-radius:.5rem;border:1px solid var(--gray-700)}._input_1sagl_1::placeholder{color:var(--gray-300)}._buttonCreate_1fmk9_1{background-color:var(--blue-dark);color:var(--gray-100);padding:1rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;gap:.5rem;cursor:pointer;transition:background-color .15s;font-size:.875rem;font-weight:700;text-decoration:none;line-height:0}._buttonCreate_1fmk9_1:hover{background-color:var(--blue)}._emptyList_19hhr_1{display:flex;justify-content:center;align-items:center;flex-direction:column;height:15.25rem;font-size:1rem;color:var(--gray-300);line-height:140%;gap:1rem;text-align:center;border-top:1px solid var(--gray-400);border-radius:.5rem}._emptyList_19hhr_1 div{display:flex;flex-direction:column}._buttonDelete_1dhwk_1{background-color:transparent;color:var(--gray-300);border:none;cursor:pointer;text-decoration:none;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;display:flex;align-items:center;justify-content:center;transition:.15s;border-radius:.25rem}._buttonDelete_1dhwk_1:hover{color:var(--danger);background-color:var(--gray-400)}._checkboxContainer_1om5n_1{display:inline-flex;align-items:center;cursor:pointer;gap:.75rem}._checkboxInput_1om5n_15{display:none}._checkbox_1om5n_1{min-width:1.1rem;min-height:1.1rem;width:1.1rem;height:1.1rem;border-radius:1rem;border:2.4px solid var(--blue);background-color:transparent;display:inline-block;transition:background-color .1s,border-color .1s;color:var(--gray-100)}._checkboxContainer_1om5n_1:hover ._checkbox_1om5n_1{border-color:var(--blue-dark);background-color:var(--blue-dark-20)}._checkboxInput_1om5n_15:checked+._checkbox_1om5n_1{position:relative;background-color:var(--purple-dark);border-color:var(--purple-dark)}._checkboxInput_1om5n_15:checked:hover+._checkbox_1om5n_1{background-color:var(--purple);border-color:var(--purple)}._checkboxInput_1om5n_15:checked+._checkbox_1om5n_1:before{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--gray-100);font-size:.5rem;font-weight:700}._checkboxTitle_1om5n_103{font-size:.875rem;line-height:140%;color:var(--gray-100)}._checkboxInput_1om5n_15:checked~._checkboxTitle_1om5n_103{color:var(--gray-300);text-decoration:line-through}._task_19tcy_1{padding:1rem;gap:1.5rem;display:inline-flex;justify-content:space-between;background-color:var(--gray-500);border-radius:.5rem;width:100%;border:1px solid var(--gray-400)}._taskConcluded_19tcy_23{border:none}:root{--white: #fff;--gray-100: #F2F2F2;--gray-200: #D9D9D9;--gray-300: #808080;--gray-400: #333333;--gray-500: #262626;--gray-600: #1A1A1A;--gray-700: #0D0D0D;--blue: #4EA8DE;--blue-dark: #1E6F9F;--blue-dark-20: rgba(30, 111, 159, .2);--purple: #8284FA;--purple-dark: #5E60CE;--danger: #E25858}:focus{outline:transparent;box-shadow:0 0 0 2px var(--purple-dark)}*{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}._wrapper_1klzj_1{max-width:46rem;margin:-2.225rem auto 2rem;padding:0 1rem;display:grid;grid-template-columns:1fr;gap:2rem;align-items:flex-start;overflow:hidden;z-index:1}main{padding:.5rem 0}._addTaskContainer_1klzj_17{display:flex;gap:.5rem;margin-bottom:3.75rem}._taskListHeader_1klzj_23{display:flex;justify-content:space-between;margin-bottom:1.5rem}._taskListHeader_1klzj_23 ._taskListTitleCreated_1klzj_29{display:inline-flex;gap:.5rem}._taskListHeader_1klzj_23 ._taskListTitleCreated_1klzj_29 strong{color:var(--blue);font-size:.875rem}._taskListHeader_1klzj_23 ._taskListTitleConcluded_1klzj_39{display:inline-flex;gap:.5rem}._taskListHeader_1klzj_23 ._taskListTitleConcluded_1klzj_39 strong{color:var(--purple);font-size:.875rem}._taskListHeader_1klzj_23 span{color:var(--gray-200);font-size:.75rem;font-weight:700;width:1.563rem;height:1.188rem;display:flex;align-items:center;justify-content:center;background-color:var(--gray-400);border-radius:999px}._taskList_1klzj_23{list-style:none;padding:0;display:grid;gap:.75rem}@media (max-width: 768px){html{font-size:87.5%}._wrapper_1klzj_1{padding:0 2rem}}