._dark-mode-toggle_18u85_1{position:relative;display:inline-block;align-self:center;width:4em;height:2em;user-select:none;background-color:var(--card-color);border-radius:1em;--size: 1.25em;overflow:hidden;cursor:pointer;transition:var(--transition);box-sizing:content-box}._dark-mode-toggle_18u85_1 input{opacity:0;width:0;height:0;position:absolute}@media screen and (hover: hover){._dark-mode-toggle_18u85_1:hover{box-shadow:0 0 4px #05050533}}._dark-mode-toggle_18u85_1 ._slider_18u85_28{box-shadow:0 0 4px #05050533;background-color:var(--solid-color);width:var(--size);height:var(--size);top:.375em;left:.375em;position:relative;border-radius:50%;display:inline-block;transition:var(--transition);z-index:1}._dark-mode-toggle_18u85_1 input:checked~._slider_18u85_28{transform:translate(2em);background-color:var(--text-color)}._dark-mode-toggle_18u85_1 input:checked~._moon_18u85_45{opacity:1;left:.375em}._dark-mode-toggle_18u85_1 input:checked~._sun_18u85_49{opacity:0;right:-1em}._dark-mode-toggle_18u85_1 svg{width:var(--size);height:var(--size);position:absolute;top:.375em;color:var(--alt-color);transition:var(--transition)}._dark-mode-toggle_18u85_1 ._sun_18u85_49{right:.375em;opacity:1}._dark-mode-toggle_18u85_1 ._moon_18u85_45{left:-1em;opacity:0}._header_1yh82_1{padding:.5em 0;background-color:var(--solid-color-deep);box-shadow:0 0 .5em #0003;transition:var(--transition)}._container_1yh82_8{width:30em;max-width:100%;display:flex;justify-content:space-between;margin:0 auto;padding:.25em .75em}._title_1yh82_17{font-size:1.5em;line-height:1;text-align:center}._title_1yh82_17 span{color:var(--alt-color)}._footer_sy059_1{padding:1em;font-size:.75em;line-height:1;background-color:var(--solid-color-deep);transition:var(--transition)}._footer__copyright_sy059_8{display:block;font-size:inherit;text-align:center;color:var(--alt-color)}._footer_sy059_1 a{color:var(--alt-color)}._footer_sy059_1 a:hover{color:var(--alt-hover-color)}._add-todo_1mfeg_1{display:flex;justify-content:center;gap:1em;width:100%;margin-top:1em}._add-todo_1mfeg_1>*{font-weight:700;border-radius:.25em;padding:.675em 1em}._add-todo_1mfeg_1 input{background-color:var(--text-color);color:var(--solid-color);border:none;flex-grow:1;max-width:100%;font-size:1em}._add-todo_1mfeg_1 input:focus{outline:solid .25em var(--alt-color);outline-offset:-2px}._add-todo_1mfeg_1 button{cursor:pointer;border:none;background-color:var(--alt-color);color:var(--text-color);transition:background-color .1s linear}._add-todo_1mfeg_1 button:focus{outline:solid .25em var(--alt-color);outline-offset:-2px}._add-todo_1mfeg_1 button:hover{background-color:var(--alt-hover-color)}._checkbox_in8m1_1{display:flex;position:relative;margin:0;padding:.5em;left:-.5em;overflow:hidden;cursor:pointer;transition:var(--transition);flex-shrink:0}._checkbox_in8m1_1._disabled_in8m1_12{user-select:none;pointer-events:none;opacity:.5;filter:grayscale(1)}._checkbox_in8m1_1 input{position:absolute;left:-100%;width:0;height:0;opacity:0}._checkbox_in8m1_1._checked_in8m1_25>._icon_in8m1_25{background-color:var(--alt-color)}@media screen and (hover: hover){._checkbox_in8m1_1:hover>._icon_in8m1_25{border-color:var(--alt-color)}._checkbox_in8m1_1._checked_in8m1_25:hover>._icon_in8m1_25{background-color:var(--alt-color)}}._checkbox_in8m1_1 ._icon_in8m1_25{display:flex;justify-content:center;align-items:center;width:1.5em;height:1.5em;border:solid .125em var(--alt-color);border-radius:50%;padding:.25em;color:var(--card-color);transition:var(--transition)}._checkbox_in8m1_1 svg{width:100%;height:100%}._checkbox_in8m1_1 ._text_in8m1_53{margin-left:1em}._todo-item_bxcux_1{display:flex;align-items:center;padding:.75em 1.5em;background-color:var(--card-color);transition:var(--transition);transform:scale(.9);opacity:.5}._todo-item_bxcux_1._fade-in_bxcux_10{transform:scale(1);opacity:1}._todo-item__name_bxcux_14{font-size:1em;font-weight:700;line-height:1.5;padding:0;margin-right:1em;border:none;background-color:transparent;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;transition:var(--transition)}._todo-item__name_bxcux_14._done_bxcux_27{text-decoration:line-through;opacity:.5}._todo-item__name_bxcux_14:focus{outline:none}@media screen{._todo-item_bxcux_1:hover{background-color:var(--card-color-hover);cursor:grab}}._todo-item_bxcux_1:not(:last-child){border-bottom:solid 1px var(--alt-color)}._todo-item_bxcux_1._dropArea_bxcux_43{position:relative}._todo-item_bxcux_1._dropArea_bxcux_43:before{content:"Drop Here";font-size:1em;color:var(--accent-color);background-color:var(--card-color);width:100%;height:100%;top:0;left:0;border:.1em dashed var(--alt-color);border-radius:.25em;box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:absolute}._todo-item_bxcux_1 input._todo-item__name_bxcux_14{flex-grow:1;margin-right:20px;background-color:var(--card-color-hover);height:24px}._todo-item_bxcux_1 button{display:flex;justify-content:center;align-items:center;flex-shrink:0;color:var(--alt-color);background-color:transparent;border:solid .125em currentColor;border-radius:.25em;padding:0;margin:0;width:2em;height:2em;font-size:1em;line-height:1;transition:var(--transition);cursor:pointer}._todo-item_bxcux_1 button svg{width:1em;height:1em}._todo-item_bxcux_1 button:first-of-type{margin-right:.5em;margin-left:auto}@media screen and (hover: hover){._todo-item_bxcux_1 button:hover{color:var(--alt-hover-color)}}@media screen and (hover: hover){._todo-item_bxcux_1 ._secondaryBtn_bxcux_101:hover{color:var(--accent-color)}}._todo-list_1vx2h_1{position:relative;left:-.5em;width:calc(100% + 1em);height:100%;scrollbar-gutter:stable both-edges}._todo-list__filters_1vx2h_8{display:flex;justify-content:center;margin-bottom:.5em}._todo-list__wrapper_1vx2h_13{overflow-y:auto;overflow-x:hidden}._todo-empty_1vx2h_18{text-align:center;font-size:1em;font-weight:700;margin:2em 0;color:var(--alt-hover-color);flex-grow:1;display:flex;justify-content:center;align-items:center;flex-direction:column}._todo-empty_1vx2h_18 h3{margin-top:1em}._todo-empty_1vx2h_18 h5{margin-top:.25em}._todo-empty_1vx2h_18 svg{width:3em;height:3em}._main_7el3k_1{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;padding:.5em;width:30em;max-width:100%;font-size:1em;margin:0 auto;overflow:hidden;position:relative}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-width:320px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--solid-color-deep)}.dark-theme{--solid-color: #23242b;--solid-color-deep: #18191d;--card-color: #2e3038;--card-color-hover: #363844;--text-color: #d3d4d9;--accent-color: #eb5160;--alt-color: hsl(193, 90%, 35%);--alt-hover-color: hsl(193, 82%, 47%);--transition: all .15s linear}.light-theme{--solid-color: hsl(233, 10%, 82%);--solid-color-deep: hsl(228, 9%, 92%);--card-color: hsl(228, 10%, 90%);--card-color-hover: hsl(231, 11%, 95%);--text-color: hsl(230, 7%, 16%);--accent-color: #eb5160;--alt-color: hsl(193, 90%, 35%);--alt-hover-color: hsl(193, 82%, 47%);--transition: all .15s linear}#root{background-color:var(--solid-color);color:var(--text-color);display:flex;flex-direction:column;font-size:1em;transition:var(--transition)}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--alt-color);border-radius:.25em}::-webkit-scrollbar-thumb:hover{background:#555;background:var(--alt-hover-color)}