._header_gbpg4_1{display:flex;justify-content:center;background:var(--gray-700);padding:4.5rem 0 5rem}._newTaskForm_1470w_1{display:flex;gap:.5rem}._newTaskForm_1470w_1 input{width:100%;background:var(--gray-500);border:1px solid var(--gray-700);height:3.375rem;border-radius:8px;color:var(--gray-100);padding:1rem;font-size:1rem}._newTaskForm_1470w_1 button[type=submit]{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:8px;border:0;background:var(--blue-dark);color:var(--gray-100);font-weight:700;cursor:pointer;font-size:.875rem;transition:background-color .2s,filter .2s}._newTaskForm_1470w_1 button[type=submit]:disabled{cursor:not-allowed;background:var(--blue-dark);filter:brightness(.7)}._newTaskForm_1470w_1 button[type=submit]:not(:disabled):hover{background:var(--blue)}._header_ke65b_1{display:flex;justify-content:space-between;margin-bottom:1.5rem}._createdTasks_ke65b_7,._completedTasks_ke65b_8{font-size:.875rem;font-weight:700;margin-right:.5rem}._createdTasks_ke65b_7{color:var(--blue)}._completedTasks_ke65b_8{color:var(--purple)}._header_ke65b_1 strong+span{color:var(--gray-200);padding:.125rem .5rem;background:var(--gray-400);border-radius:999px;font-size:.75rem;font-weight:700}._emptyList_1qi0a_1{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:4rem 1rem;border-top:1px solid var(--gray-400);border-radius:8px}._emptyList_1qi0a_1 svg{height:3.5rem}._emptyList_1qi0a_1 p{font-size:1rem;color:var(--gray-300);text-align:center}._emptyList_1qi0a_1 p b{font-weight:700}._tasksList_11ht8_1{display:flex;flex-direction:column;gap:.75rem}._tasksList_11ht8_1 li{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem;border-radius:8px;outline:1px solid var(--gray-400);box-shadow:0 .125rem .5rem #0000000f;background:var(--gray-500)}li._completedTask_11ht8_20{outline:initial;box-shadow:none}._tasksList_11ht8_1 li label{text-align:left;width:100%;font-size:.875rem;color:var(--gray-100);white-space:pre-wrap;overflow-y:auto;cursor:pointer}._tasksList_11ht8_1 li input[type=checkbox]{appearance:none;background:transparent;flex-shrink:0;width:1.091rem;height:1.091rem;border:.094rem solid var(--blue);border-radius:100%;cursor:pointer;display:grid;place-content:center;transition:background-color .2s}._tasksList_11ht8_1 li input[type=checkbox]:after{content:"";width:1.091rem;height:1.091rem;border-radius:100%;transition:background-color .2s}._tasksList_11ht8_1 li input[type=checkbox]:not(:checked):after{background:var(--blue-dark);opacity:0;transition:opacity .2s}._tasksList_11ht8_1 li input[type=checkbox]:not(:checked):hover:after{opacity:.2}._tasksList_11ht8_1 li input[type=checkbox]:checked{background:var(--purple-dark);border:initial}._tasksList_11ht8_1 li input[type=checkbox]:checked:hover{background:var(--purple)}._tasksList_11ht8_1 li input[type=checkbox]:checked+label{text-decoration:line-through;color:var(--gray-300)}._tasksList_11ht8_1 li input[type=checkbox]:checked:after{background:var(--gray-100);clip-path:polygon(45% 60%,70% 35%,74% 39%,45% 69%,26% 50%,30% 46%)}._tasksList_11ht8_1 li button{border-radius:4px;background:transparent;border:none;line-height:0;cursor:pointer;transition:background-color .2s}._tasksList_11ht8_1 li button svg path{transition:fill .2s}._tasksList_11ht8_1 li button:hover{background:var(--gray-400)}._tasksList_11ht8_1 li button:hover svg path{fill:var(--danger)}._wrapper_1axoe_1{max-width:46rem;margin:0 auto;margin-top:-1.688rem;padding:0 1rem}._tasksContainer_1axoe_8{margin:4rem 0}@media (max-width: 768px){html{font-size:87.5%}}:root{--purple: #8284fa;--purple-dark: #5e60ce;--blue: #4ea8de;--blue-dark: #1e6f9f;--gray-100: #f2f2f2;--gray-200: #d9d9d9;--gray-300: #808080;--gray-400: #333333;--gray-500: #262626;--gray-600: #1a1a1a;--gray-700: #0d0d0d;--danger: #e25858}:focus{outline:transparent;box-shadow:0 0 0 2px var(--blue)}::-webkit-scrollbar{width:.6rem;height:.6rem;margin-right:10px}::-webkit-scrollbar-corner{border:none;background:none}::-webkit-scrollbar-thumb{background-color:var(--gray-400);border-radius:3px;cursor:move}::-webkit-scrollbar-track{background-color:transparent;border:none}*{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}