@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Changa:wght@600&family=Creepster&family=Tourney:wght@600&display=swap";._header_158nz_3{display:flex;font-family:Tourney;justify-content:space-between;padding:.8rem 1.2rem;align-items:center;background-color:var(--header-bg);color:#f5f3ff;font-size:3.2rem;font-weight:bolder}._theme_158nz_15{background:none;border:none;padding:1.2rem;cursor:pointer}._list_1s5q7_1{margin-top:2rem;padding:.8rem 1.2rem;background-color:var(--add-tasklist-bg)}._list_1s5q7_1 li:not(:last-child){margin-bottom:.6rem}._task_item_1ofrl_1{list-style:none;font-size:1.6rem;display:flex;align-items:center;padding:1.2rem 2.4rem;gap:3rem;background-color:var(--add-taskitem-bg);transition:all .3s;color:#000103}._task_item_1ofrl_1 div:last-child{margin-left:auto}._task_item_1ofrl_1:hover{background-color:#fff}._task_content_1ofrl_21{display:flex;flex-direction:column;gap:.3rem}._task_title_1ofrl_27{font-weight:700}._btnpair_1ofrl_31 button{padding:.4rem;background:transparent}._btnpair_1ofrl_31 button:hover{background:whitesmoke}._edit_1ofrl_39{margin-right:1.2rem}._edit_1ofrl_39>svg{color:#47fd0b}._edit_1ofrl_39>svg:hover{stroke-width:3px}._delete_1ofrl_50>svg:hover{stroke-width:1px}._delete_1ofrl_50>svg{color:#e15454}._checked_1ofrl_57{text-decoration:line-through}._completed_1ofrl_61{background-color:#def3c5}._btn_by1bq_1{background-color:var(--button-bg);padding:.8rem 1.2rem;color:#f7fee7;font-weight:700;font-size:1.6rem}._btn_by1bq_1:hover{background-color:var(--button-bg-hover)}._nav_1lstv_1{margin-top:3rem;display:flex;align-items:center;justify-content:space-between}._filter_1lstv_8{width:16rem;font-size:1.6rem;outline:none}._addFormFilter_1lstv_14{width:98%}._modal_5g732_1{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#9ec3e480}._add_task_xtnab_1{position:fixed;top:50%;left:50%;width:48rem;transform:translate(-50%,-50%);font-family:sans-serif;background-color:var(--addtask-bg);padding:3.2rem 2.4rem}._taskadd_form_xtnab_11{display:flex;flex-direction:column;gap:2rem}._taskadd_form_xtnab_11 div:not(:last-child){display:flex;flex-direction:column;gap:.8rem}._heading_xtnab_23{text-align:center;color:var(--addtask-title-color);margin-bottom:3rem}._task_input_xtnab_29{width:98%}._form_label_xtnab_33{color:var(--addtask-label-color);font-size:1.6rem}.___xtnab_37{position:relative}._close_add_task_xtnab_41{position:absolute;right:-1rem;top:-2.4rem;display:flex;align-items:center;justify-content:center;padding:.3rem;width:fit-content;background-color:#cecfcf;transition:all .5s;animation:_closebtn_animation_xtnab_1 1s ease;animation-fill-mode:forwards}._close_add_task_xtnab_41:hover{background-color:#aeb1b4}._close_add_task_xtnab_41:hover>svg{color:#131313;stroke-width:1px;text-align:right}@keyframes _closebtn_animation_xtnab_1{to{top:-8rem}}@media (max-width: 420px){._add_task_xtnab_1{width:98%}}:root body.light{--color-outside-bg: #f1f5f9;--header-bg: #0891b2;--button-bg: #0891b2;--button-bg-hover: #134e4a;--addtask-bg: #d1d5db;--addtask-title-color: #334155;--addtask-label-color: #334155;--add-tasklist-bg: #94a3b8;--add-taskitem-bg: #f1f5f9}:root body.dark{--color-outside-bg: #334155;--header-bg: #172554;--button-bg: #172554;--button-bg-hover: #1e3a8a;--addtask-bg: #292524;--addtask-title-color: #f1f5f9;--addtask-label-color: #d1d5db;--add-tasklist-bg: #1e293b;--add-taskitem-bg: #cbd4e2}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{background-color:var(--color-outside-bg)}.container{background-color:var(--color-bg);max-width:72rem;margin:0 auto}button{border:none;transition:all .3}input{border:none;outline:none;padding:.8rem 1.6rem}select{padding:.6rem 1.2rem;outline:none;border:none}