._header_g4h1l_1{background:var(--color-gray-700);padding:5.125rem;display:flex;align-items:center;justify-content:center;gap:.75rem}._logo_g4h1l_11{width:1.375rem;height:2.25rem}._title_g4h1l_16{font-size:2.5rem;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--color-blue),var(--color-purple-dark));font-weight:800}._tasks_i32w1_1{display:flex;flex-direction:column;gap:1.5rem}._tasks_i32w1_1>header{display:flex;justify-content:space-between}._tasks_i32w1_1>header div{display:flex;gap:.5rem;align-items:center;font-weight:700}._taskTodo_i32w1_20>._text_i32w1_20{color:var(--color-blue)}._taskDone_i32w1_24>._text_i32w1_20{color:var(--color-purple)}._number_i32w1_28{color:var(--color-gray-200);padding:.5rem;border-radius:1rem;background:var(--color-gray-400);line-height:.5rem}._group_i32w1_36{display:flex;flex-direction:column;gap:.75rem}._todo_i32w1_42{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start;justify-content:space-between;background:var(--color-gray-500);border:solid 1px var(--color-gray-400);border-radius:8px;padding:1rem;color:var(--color-gray-100);font-weight:400}._circle_i32w1_59{width:1.5rem;height:1.5rem;border:solid 2px var(--color-blue);border-radius:50%;color:var(--color-blue);cursor:pointer;transition:background-color .1s}._circle_i32w1_59:hover{background:var(--color-blue-dark)}._circleChecked_i32w1_74{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--color-purple-dark);border-radius:50%;cursor:pointer;transition:background-color .1s}._circleChecked_i32w1_74:hover{background:var(--color-purple)}._trash_i32w1_92{color:var(--color-gray-300);cursor:pointer;transition:background-color .1s,color .1s}._trash_i32w1_92:hover{color:var(--color-red);background:var(--color-gray-400)}._checked_i32w1_103{text-decoration:line-through;color:var(--color-gray-300)}._nothing_i32w1_108{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;border-radius:8px;border-top:solid 1px var(--color-gray-400);color:var(--color-gray-300)}._nothing_i32w1_108>div{display:flex;flex-direction:column;gap:.25rem}._nothing_i32w1_108 ._title_i32w1_127{font-weight:700}._nothing_i32w1_108 ._desc_i32w1_131{font-weight:400}._todo_15rii_1{margin:-1.5rem auto;display:flex;flex-direction:column;justify-content:center;gap:4rem;max-width:46rem;width:100%}._form_15rii_13{width:100%;display:grid;grid-template-columns:1fr auto;gap:.5rem}._form_15rii_13>input{background:var(--color-gray-500);padding:1rem;border:solid 1px var(--color-gray-700);color:var(--color-gray-300);border-radius:8px;font-size:1rem;transition:border .1s}._form_15rii_13>input:focus{border:solid 1px var(--color-purple-dark);color:var(--color-gray-100)}._form_15rii_13>button{background:var(--color-blue-dark);color:var(--color-gray-100);border-radius:8px;border:none;padding:1rem;cursor:pointer;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:background-color .1s}._form_15rii_13>button:hover{background:var(--color-blue)}:root{--color-gray-100: #F2F2F2;--color-gray-200: #D9D9D9;--color-gray-300: #808080;--color-gray-400: #333333;--color-gray-500: #262626;--color-gray-600: #1A1A1A;--color-gray-700: #0D0D0D;--color-blue-dark: #1E6F9F;--color-blue: #4EA8DE;--color-purple-dark: #5E60CE;--color-purple: #8284FA;--color-red: #E25858}*{outline:none;margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;font-smooth:always;font-size:1rem;background:var(--color-gray-600);line-height:1.6}