._createTask_1y46q_1{width:100%;display:flex;align-items:center}._createTask_1y46q_1 input{padding:1rem;margin-right:.5rem;width:100%;height:3.375rem;border:0;border-radius:8px;background:var(--gray-500);color:var(--gray-300)}._createTask_1y46q_1 input:focus{color:var(--gray-100)}._createTask_1y46q_1 button{display:flex;align-items:center;padding:1rem;height:3.25rem;border-radius:8px;border:0;background:var(--blue-dark);color:var(--gray-100);font-weight:700;transition:background-color .1s}._createTask_1y46q_1 button:not(:disabled):hover{background:var(--blue)}._createTask_1y46q_1 button svg{margin-left:.5rem}._header_lxvlj_1{background:var(--gray-700);display:flex;align-items:center;justify-content:center;padding:4.5rem}._tasksList_1r8eg_1{margin-top:4rem}._tasksList_1r8eg_1 header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-size:.875rem;font-weight:700}._tasksList_1r8eg_1 header p{color:var(--blue);margin-left:.5rem}._tasksList_1r8eg_1 header p+p{color:var(--purple)}._tasksList_1r8eg_1 header span{padding:.125rem .5rem;font-size:.75rem;border-radius:8px;color:var(--gray-200);background:var(--gray-400)}._tasksList_1r8eg_1 ul{list-style:none}._tasksList_1r8eg_1 ul li{background:var(--gray-500);padding:1rem;border-radius:8px;display:flex;align-items:flex-start}._tasksList_1r8eg_1 ul li+li{margin-top:.75rem}._deleteTaskButton_1r8eg_47{border:0;background:none;color:var(--gray-300)}._taskCompleted_1r8eg_53{color:var(--purple)}._taskNotCompleted_1r8eg_57{color:var(--blue)}._titleTaskCompleted_1r8eg_61,._titleNotTaskCompleted_1r8eg_62{width:100%;padding:0 1rem}._titleTaskCompleted_1r8eg_61{color:var(--gray-300);text-decoration-line:line-through}._titleNotTaskCompleted_1r8eg_62{color:var(--gray-100)}._emptyList_1r8eg_76{display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem;font-weight:700;color:var(--gray-300)}._emptyList_1r8eg_76 svg{margin-bottom:1rem}._emptyList_1r8eg_76 p{text-align:center}._emptyList_1r8eg_76 p+p{font-weight:400}._clearCompletedTasks_1r8eg_97{display:flex;justify-content:center;margin-top:1.5rem}._clearCompletedTasks_1r8eg_97 button{display:flex;align-items:center;padding:.5rem;border-radius:8px;font-size:.875rem;font-weight:700;color:var(--gray-100);transition:background-color .1s}._clearCompletedTasks_1r8eg_97 button:hover{background:var(--purple)}._clearCompletedTasks_1r8eg_97 button svg{margin-left:.5rem}:root{--gray-700: #0d0d0d;--gray-600: #1a1a1a;--gray-500: #262626;--gray-400: #333333;--gray-300: #808080;--gray-200: #d9d9d9;--gray-100: #f2f2f2;--danger: #e25858;--purple: #8284fa;--purple-dark: #5e60ce;--blue: #4ea8de;--blue-dark: #1e6f9f}:focus{outline:transparent;box-shadow:0 0 0 2px var(--purple-dark)}*{margin:0;padding:0;box-sizing:border-box;line-height:140%}body{background:var(--gray-600);color:var(--gray-100);-webkit-font-smoothing:antialiased}body,input,button{font-family:Inter,sans-serif;font-weight:400;font-size:1rem}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){html{font-size:87.5%}}._wrapper_1c4yl_1{display:flex;justify-content:center;width:100%;padding:0 .5rem;margin-top:-1.688rem}._limitedWidth_1c4yl_9{width:100%;max-width:46rem}