:root{--color-black:#000;--color-white:#fff;--color-text:#475569;--color-bg:#334155;--color-bg-header:#e2e8f0;--color-bg-main:#f1f5f9;--color-bg-button-actived:#f97316;--color-bg-button-inactived:#fdba74;--color-border:#cbd5e1;--color-bg-check-actived:#64748b;--color-bg-check-inactived:#cbd5e1;--color-scrollbar:#cbd5e1;--color-scrollbar-actived:#94a3b8;--shadow:#000000b3}html.dark{--color-text:#f1f5f9;--color-bg:#0f172a;--color-bg-header:#334155;--color-bg-main:#475569;--color-border:#64748b;--color-bg-check-actived:#f1f5f9;--color-bg-check-inactived:#64748b;--color-scrollbar:#64748b;--color-scrollbar-actived:#94a3b8;--shadow:#ffffffb3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;accent-color:#f97316;accent-color:var(--color-bg-button-actived);background:#334155;background:var(--color-bg);color:#475569;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;transition:all .5s;transition:color 0s;width:100vw}#root,body{display:flex}#root{align-items:stretch;background:#f1f5f9;background:var(--color-bg-main);border-radius:2rem;box-shadow:0 0 30px 0;-webkit-box-shadow:0 0 30px 0 #000000b3;-webkit-box-shadow:0 0 30px 0 var(--shadow);-moz-box-shadow:0 0 30px 0 #000000b3;-moz-box-shadow:0 0 30px 0 var(--shadow);flex-direction:column;height:40rem;justify-content:space-between;margin:auto;overflow:hidden;transition:all .5s;width:30rem}@media (max-width:640px){body{height:100vh;width:100%}#root{height:100%;width:100%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-color:var(--color-scrollbar)}::-webkit-scrollbar-track{background-color:#f1f5f9;background-color:var(--color-bg-main)}::-webkit-scrollbar-thumb:hover{background-color:#94a3b8;background-color:var(--color-scrollbar-actived)}.Header_header__Lhnr8{align-items:center;background:var(--color-bg-header);border-bottom:1px solid var(--color-border);display:flex;font-size:1.3rem;justify-content:space-between;padding:1.7rem 2rem;transition:all .5s}.Header_mode__Es0kS{cursor:pointer;display:flex}.Header_mode__Es0kS svg{color:var(--color-text);font-size:1.3rem;transition:all .15s ease-out}.Header_mode__Es0kS svg:hover{filter:brightness(150%);transform:scale(1.2)}.Header_filter__-qQl7{color:var(--color-bg-button-inactived);display:flex;font-weight:700}.Header_filter__-qQl7 span{cursor:pointer;transition:all .15s ease-out}.Header_filter__-qQl7>span+span{margin-left:1.3rem}.Header_filter__-qQl7>span.Header_active__0pzId{color:var(--color-bg-button-actived);text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:8px}.Header_filter__-qQl7 span:hover{color:var(--color-bg-button-actived);opacity:.8}.InputTodo_wrap__cC-AM{align-items:center;background:var(--color-bg-header);border-top:1px solid var(--color-border);display:flex;font-size:1.3rem;justify-content:center;padding:1.3rem 1rem;transition:all .5s}.InputTodo_input__5IR6h{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;border-width:0;font-size:1.5rem;padding:.5rem 1.3rem}.InputTodo_button__pICEp{background-color:var(--color-bg-button-actived);border:0;border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;color:var(--color-white);cursor:pointer;font-size:1.5rem;font-weight:700;padding:.5rem 1.5rem}.InputTodo_button__pICEp:after{content:"+";transition:all .15s ease-out}.InputTodo_button__pICEp:hover{filter:brightness(120%)}@media (max-width:640px){.InputTodo_input__5IR6h{width:100%}}.Todo_wrap__lX2Sv{align-items:center;display:flex;font-size:1.2rem;justify-content:space-between;width:100%}.Todo_checkbox__uKuLr{cursor:pointer;height:20px;width:20px}label{cursor:pointer;flex:1 1;margin-left:.5rem}.Todo_checkbox__uKuLr:checked+label{color:var(--color-bg-check-inactived);text-decoration:line-through}.Todo_edit__ARiYM{border-radius:.2rem;border-width:0;font-size:1.2rem;margin-right:.5rem;width:100%}.Todo_buttons__ZEF1h{gap:.4rem}.Todo_button__6pyFo,.Todo_buttons__ZEF1h{align-items:center;display:flex;justify-content:center}.Todo_button__6pyFo{background-color:var(--color-bg-check-inactived);border:0;border-radius:1rem;color:var(--color-text);cursor:pointer;height:1.7rem;transition:all 50ms ease-out;width:1.7rem}.Todo_button__6pyFo:hover{transform:scale(1.1)}.Todos_wrap__n-27M{align-items:start;display:flex;flex-direction:column;gap:.8rem;height:100%;justify-content:start;overflow-y:auto;padding:1.5rem 2rem}
/*# sourceMappingURL=main.ba9a4b29.css.map*/