:root{--white: #fff;--purple: #8284FA;--purple-dark: #5E60CE;--blue: #4EA8DE;--blue-dark: #1E6F9F;--gray-700: #0d0d0d;--gray-600: #1a1a1a;--gray-500: #262626;--gray-400: #333333;--gray-300: #808080;--gray-200: #d9d9d9;--gray-100: #f2f2f2;--danger: #e25858}*{margin:0;padding:0;box-sizing:border-box}:focus{outline:transparent;box-shadow:0 0 0 2px var(--purple-dark)}body{height:100%;width:100%;font-family:Inter,sans-serif;background-color:var(--gray-600);color:var(--gray-100);-webkit-font-smoothing:antialiased;outline:none}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}header._header_que92_1{background-color:var(--gray-700);height:12.5rem;display:flex;align-items:center;justify-content:center}header>h1._headerTitle_que92_10{color:var(--blue);margin-left:1rem;font-weight:900;font-size:250%}header>h1._headerTitle_que92_10>span{color:var(--purple-dark)}header>img._headerLogo_que92_22{width:1.375rem}div._container_g0btf_1{width:100vw;height:100vh;background-color:#0d0d0de6;position:fixed;left:0;top:0;display:flex;align-items:center;justify-content:center;z-index:99999}div._modal_g0btf_14{background-color:var(--gray-500);padding:2rem;width:28rem;border-radius:8px;text-align:center}div._modal_g0btf_14>h2{color:var(--gray-100);font-size:2rem;margin-bottom:1rem;line-height:1.4}div._modal_g0btf_14>p{line-height:1.4;font-weight:700;margin-bottom:3rem;color:var(--gray-300)}div._modal_g0btf_14>button{background:none;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:.2s;border-radius:8px}div._modal_g0btf_14>button._modalConfirm_g0btf_46{color:green}div._modal_g0btf_14>button._modalCancel_g0btf_50{color:var(--danger)}div._modal_g0btf_14>button:hover{background-color:var(--gray-600)}div._taskCard_134oy_1{padding:1rem;width:"100%";background-color:var(--gray-500);border:1px solid var(gray-400);border-radius:8px;color:var(--gray-100);display:flex;justify-content:space-between}div._taskCard_134oy_1+div._taskCard_134oy_1{margin-top:1rem}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16>p._task_134oy_1{font-size:87.5%;color:var(--gray-100);line-height:1.4;flex:1}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16>p._task_134oy_1._taskChecked_134oy_22{text-decoration:line-through}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16{display:flex;align-items:center;flex:1;position:relative;padding-left:28px;cursor:pointer;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none;border:none}div._taskCard_134oy_1>div._taskContent_134oy_16{display:flex;align-items:center;justify-content:flex-start;flex:1}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16 input{opacity:0;margin-bottom:0;cursor:pointer;height:0;width:0}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16 input:focus~._checkbox_134oy_58{outline:2px solid var(--purple-dark)}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16>span._checkbox_134oy_58{position:absolute;top:0;left:0;height:calc(1.5rem - 2px);width:calc(1.5rem - 2px);border:2px solid var(--blue);border-radius:999px;background-color:transparent;transition:all .2s}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16:hover input~._checkbox_134oy_58{background-color:var(--blue-dark)}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16 input:checked~._checkbox_134oy_58{background-color:var(--purple-dark);border-color:var(--purple-dark)}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16 input:checked:hover~._checkbox_134oy_58{background-color:var(--purple);border-color:var(--purple)}._checkbox_134oy_58:after{content:"";position:absolute;display:none}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16 input:checked~._checkbox_134oy_58:after{display:block}div._taskCard_134oy_1>div._taskContent_134oy_16>label._taskInput_134oy_16 ._checkbox_134oy_58:after{left:.4rem;top:.25rem;width:4px;height:8px;border:solid white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-width:0 2px 2px 0;animation:_slideFromUp_134oy_1 .1s;transition:.1s}@keyframes _slideFromUp_134oy_1{0%{transform:translateY(-100%);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{transform:translateY(0);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}}button._taskDelete_134oy_130{padding:.3125rem;border-radius:8px;color:var(--gray-300);transition:all .2s;background:transparent;border:none;line-height:0}button._taskDelete_134oy_130>svg{width:1.5rem;height:1.5rem}button._taskDelete_134oy_130:not(:disabled):hover{background-color:var(--gray-400);color:var(--danger)}section._taskContainer_16733_1{width:80%;max-width:46rem;margin:4rem auto}section._taskContainer_16733_1>header._taskContainerHeader_16733_7{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}section._taskContainer_16733_1>header._taskContainerHeader_16733_7>p{font-size:87.5%;font-weight:700}section._taskContainer_16733_1>header._taskContainerHeader_16733_7>p._taskCreated_16733_18{color:var(--blue)}section._taskContainer_16733_1>header._taskContainerHeader_16733_7>p._taskFinished_16733_21{color:var(--purple)}section._taskContainer_16733_1>header._taskContainerHeader_16733_7>p>button{border-radius:999px;border:none;font-weight:700;background-color:var(--gray-400);color:var(--gray-200);padding:.125rem .5rem;margin-left:.5rem}div._noTasks_16733_34{width:100%;border-top:1px solid var(--gray-400);border-radius:8px;padding:4rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}div._noTasks_16733_34>p{font-size:1rem;color:var(--gray-300);line-height:1.4;margin-top:1rem}form._taskForm_1ny19_1{width:80%;max-width:46rem;margin:0 auto;display:flex;justify-content:center;gap:.5rem;margin-top:calc(2px - 1.6875rem)}form._taskForm_1ny19_1>input._taskInput_1ny19_11{height:3.375;padding:0 1rem;font-size:1rem;color:var(--gray-100);border-radius:8px;border:none;transition:border-color .2s;background-color:var(--gray-500);flex:1}form._taskForm_1ny19_1>input._taskInput_1ny19_11:focus{outline-color:var(--purple)}form._taskForm_1ny19_1>input._taskInput_1ny19_11::placeholder{color:var(--gray-300)}form._taskForm_1ny19_1>button._taskButton_1ny19_31{line-height:0;display:flex;align-items:center;padding:1rem;background-color:var(--blue);transition:background-color .2s;border-radius:8px;border:none;color:var(--gray-100);font-weight:700;cursor:pointer}form._taskForm_1ny19_1>button._taskButton_1ny19_31:disabled{background-color:var(--gray-300);cursor:not-allowed}form._taskForm_1ny19_1>button._taskButton_1ny19_31:not(:disabled):hover{background-color:var(--blue-dark)}form._taskForm_1ny19_1>button._taskButton_1ny19_31>svg{margin-left:.5rem}