._footer_gn0w1_1{text-align:center;margin-top:70px;font-size:1rem;color:var(--footer-text-color)}._header_cuzlx_1{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}._header_cuzlx_1>h1{text-transform:uppercase;letter-spacing:1rem;color:var(--logo-color)}._base_bcpb9_1{background-color:transparent;border:none;padding:10px;color:var(--btn-text-color);font-weight:inherit;font-size:inherit;cursor:pointer}@media screen and (max-width: 600px){._base_bcpb9_1{padding:5px}}._base_bcpb9_1:hover{color:var(--btn-hover-color)}._label_11hlg_1{position:relative}._label_11hlg_1 span{position:absolute;top:-30%;left:15px}._label_11hlg_1>label>div{top:-100%;background:var(--checked-bg)}._input_11hlg_17{width:100%;border:none;border-radius:5px;padding:20px 53px;background-color:var(--todo-bg-color);color:var(--text-color);font-size:inherit;caret-color:var(--active-btn-color)}._circle_11hlg_28{position:relative;width:25px;height:25px;border-radius:50%;background:var(--checkbox-border-color)}._circle_11hlg_28:before{content:"";position:absolute;display:block;top:1px;left:1px;border-radius:50%;width:23px;height:23px;background-color:var(--todo-bg-color)}._completed_evsr9_1{display:none;width:100%;height:100%;border-radius:50%;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='11'%20height='9'%3e%3cpath%20fill='none'%20stroke='%23FFF'%20stroke-width='2'%20d='M1%204.304L3.696%207l6-6'/%3e%3c/svg%3e") center no-repeat,var(--checked-bg);position:absolute}._active_evsr9_11{display:none;position:relative;width:100%;height:100%;border-radius:50%;background:var(--checkbox-border-color)}._active_evsr9_11:before{content:"";position:absolute;display:block;top:1px;left:1px;border-radius:50%;width:23px;height:23px;background-color:var(--todo-bg-color)}._label_evsr9_32{width:25px;height:25px;position:relative;display:block;cursor:pointer;-webkit-user-select:none;user-select:none}._check_evsr9_42{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;z-index:100;cursor:pointer}._check_evsr9_42:checked~._completed_evsr9_1{display:block}._check_evsr9_42:not(:checked)~._active_evsr9_11{display:block}._check_evsr9_42:focus~._completed_evsr9_1,._check_evsr9_42:focus~._active_evsr9_11{outline:2px solid #5b9dd9;outline-offset:3px}._task_a6ox0_1{list-style:none;border-bottom:1px solid var(--text-color);font-weight:700;cursor:grab;text-transform:capitalize;background-color:var(--todo-bg-color)}._task_a6ox0_1._dragging_a6ox0_9{cursor:grabbing}._task_a6ox0_1:hover>label>input:not(:checked)~div{background:var(--checked-bg)}._task_a6ox0_1 button{margin-left:auto;background:transparent;border:none}._container_a6ox0_28{padding:15px;display:flex;align-items:center;gap:18px}._container_a6ox0_28>p{max-width:65%}@media screen and (width >= 600px){._container_a6ox0_28>p{max-width:80%}}._container_a6ox0_28>div{display:flex;margin-left:auto;gap:10px}._container_a6ox0_28>div button{font-size:clamp(.875rem,1.2vw + .5rem,1.125rem)}._done_a6ox0_53{color:var(--task-completed-color);text-decoration:line-through}._edit_a6ox0_58{color:#f59e0b}._edit_a6ox0_58 span{display:inline-block;transform:rotate(90deg)}._edit_a6ox0_58:disabled{color:var(--text-color)}._container_a6ox0_28:has(button:not(:focus)):hover>div{opacity:1}._container_a6ox0_28:has(button:not(:focus))>div{opacity:0}@media screen and (hover: none){._container_a6ox0_28:has(button:not(:focus))>div{opacity:1}}._container_a6ox0_28:has(button:focus)>div{opacity:1}._overlay_uh1op_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;z-index:1000;padding-inline:10px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:none}._close_uh1op_15{padding:8px;position:absolute;top:10px;right:10px;font-size:clamp(1.125rem,1.5vw + .5rem,1.5rem)}._modal_uh1op_23{width:100%;max-width:720px}._modal_uh1op_23>form{width:100%;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;justify-content:center;flex-direction:column}._modal_uh1op_23>form input{padding:15px;width:100%;grid-column:1/-1}._btns-container_uh1op_43{display:flex;gap:16px;padding-block-start:10px;grid-column:2/-1;justify-content:flex-end}._btns-container_uh1op_43>button{font-size:clamp(.875rem,1.2vw + .5rem,1.2rem)}._btns-container_uh1op_43>button:first-child{color:green}._error_uh1op_59{font-size:clamp(.875rem,1.2vw + .5rem,1.125rem);color:#d93025;grid-column:1/2}._box_6vj00_1{width:100%;margin-top:40px;border-radius:5px;background-color:var(--todo-bg-color);color:var(--text-color);box-shadow:2px 0 55px #0000001a,-2px 0 55px #0000001a}._box_1extu_1{display:flex;align-items:center;justify-content:space-between;padding:15px;color:var(--btn-text-color)}@media screen and (max-width: 600px){._box_1extu_1{font-size:.75rem}}._clearBtn_1extu_15:hover{color:var(--clear-btn-hover-color)}._active_1extu_19{color:var(--active-btn-color)}:root{color-scheme:light dark;--active-btn-color: hsl(220, 98%, 61%);--checked-bg: linear-gradient( 180deg, hsl(192, 100%, 67%), hsl(280, 87%, 65%) );--logo-color: hsl(0, 0%, 98%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{background-image:var(--bg-image);background-repeat:no-repeat;background-position:top;background-color:var(--main-bg-color);margin:0;display:flex;justify-content:center;width:100vw;min-height:100vh;font-family:Josefin Sans,sans-serif;line-height:1.5;font-weight:700;font-size:1.125rem;padding:2rem}@media screen and (max-width: 600px){body{padding:.5rem}}body.dark{--main-bg-color: hsl(235, 21%, 11%);--todo-bg-color: hsl(235, 24%, 19%);--text-color: hsl(234, 39%, 85%);--btn-text-color: hsl(234, 11%, 52%);--btn-hover-color: hsl(236, 33%, 92%);--task-completed-color: hsl(233, 14%, 35%);--clear-btn-hover-color: hsl(234, 39%, 85%);--checkbox-border-color: hsl(237, 14%, 50%);--footer-text-color: hsl(233, 14%, 35%);--bg-image: url(/assets/bg-desktop-dark-8wLzvfIa.jpg)}body.light{--main-bg-color: hsl(0, 0%, 98%);--todo-bg-color: hsl(0, 0%, 98%);--text-color: hsl(234, 11%, 52%);--btn-hover-color: hsl(235, 19%, 35%);--task-completed-color: hsl(233, 11%, 84%);--clear-btn-hover-color: hsl(236, 9%, 61%);--checkbox-border-color: hsl(236, 33%, 92%);--footer-text-color: hsl(236, 9%, 61%);--bg-image: url(/assets/bg-desktop-light-SHSqJE5_.jpg)}#root{width:100%;max-width:720px;margin-top:10vh}button{cursor:pointer;background:transparent;border:none}