body{background-color:#000}._header_122a3_1{color:#fff;font-family:Arial,sans-serif;font-weight:700;font-size:3rem;text-align:center;margin-top:5rem}._task_input_1cp91_1{font-family:Arial,sans-serif;text-align:center;margin-top:1rem;display:flex;justify-content:center;margin-bottom:.5rem}._input_text_1cp91_19{background-color:#fff;color:#333;font-family:Arial,sans-serif;width:40rem;height:1.75rem;border-radius:.5rem;padding-left:1rem}._input_text_1cp91_19::placeholder{color:#b6b5b5;font-style:italic}._button_add_1cp91_49{background-color:#04aa6d;font-family:Arial,sans-serif;font-weight:700;border-radius:.5rem;margin-left:.25rem;width:5rem}._button_add_1cp91_49:hover{cursor:pointer;background-color:#00ffa2}._task_item_15em9_1{background-color:#fff;width:50rem;margin-top:.4rem;border-radius:.5rem;border:.15rem solid #d3d3d3;padding:.5rem;display:flex;justify-content:center;font-weight:700;position:relative}._task_text_15em9_27{margin-left:3rem;padding-top:.3rem;font-family:Arial,sans-serif;font-size:1.2rem}._task_text_15em9_27._completed_15em9_41{text-decoration:line-through;color:gray}._checkbox_15em9_51{position:absolute;left:.5rem;top:50%;transform:translate(40%,-67%);width:1.2rem;height:1.2rem;border-radius:.5rem;display:none}._task_item_15em9_1:hover ._checkbox_15em9_51{display:block}._delete_button_15em9_81{background-color:#ff4c4c;border-radius:.5rem;border:none;width:2.5em;height:2.5em}._delete_button_15em9_81:hover{cursor:pointer;background-color:#fa0909}._edit_button_15em9_107{background-color:#fefa27;border-radius:.5rem;border:none;width:2.5em;height:2.5em}._edit_button_15em9_107:hover{cursor:pointer;background-color:#fd0}._up_button_15em9_133{background-color:#00a6ff;border-radius:.5rem;border:none;width:2.5em;height:2.5em}._up_button_15em9_133:hover{cursor:pointer;background-color:#42bcfe}._down_button_15em9_159{background-color:#20acf8;border-radius:.5rem;border:none;width:2.5em;height:2.5em}._down_button_15em9_159:hover{cursor:pointer;background-color:#42bcfe}._button_container_15em9_185{margin-left:auto;display:flex;gap:.3rem;padding-right:1rem}._draggable_area_15em9_199{flex-grow:1;display:flex;align-items:center;cursor:grab;margin-right:1rem}._draggable_area_15em9_199:active{cursor:grabbing}._task_list_1fna4_1{border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}._modal_overlay_1fna4_17{position:fixed;background-color:#00000080;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center}._modal_box_area_1fna4_43{background-color:#fff;width:40em;height:10em;border-radius:.5rem;border:.35rem solid #d3d3d3;padding:2rem;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center}._input_text_1fna4_69{position:relative;left:0;background-color:#fff;height:3em;width:35em;color:#333;font-family:Arial,sans-serif;font-size:.9em;border-radius:.25rem;padding:.35rem;margin-bottom:1rem}._modal_buttons_1fna4_97 button{font-family:Arial,sans-serif;font-size:1rem;padding:.5rem 1rem;border-radius:.25rem;color:#fff;border:none;cursor:pointer}._modal_buttons_1fna4_97 button:first-child{background-color:#fa5246;margin:.5rem}._modal_buttons_1fna4_97 button:first-child:hover{background-color:red}._modal_buttons_1fna4_97 button:last-child{background-color:#4caf50}._modal_buttons_1fna4_97 button:last-child:hover{background-color:#1dc123}