:root{--color-bg:#ffeae4;--color-box-shaodw:#adadad;--color-frame:#ffbfbf;--color-content:#fff;--color-selet-menu-text:#dc536b;--color-text:#4c4c4c;--color-bg-checkbox:#ffbfbf;--color-checked-text:#d9aeae;--color-input-text:#d07a7a;--color-group-add-btn:#d07a7a;--color-group-frame:#d07a7a}html.dark{--color-bg:#4b4857;--color-box-shaodw:#040404;--color-frame:#272438;--color-content:#58556b;--color-selet-menu-text:#fff56c;--color-text:#fff;--color-bg-checkbox:#dfb514;--color-checked-text:#ddb92f;--color-input-text:#262438;--color-group-add-btn:#fff;--color-group-frame:#83809b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ffeae4;background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:all 1s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input:focus-visible{outline:0}button:focus-visible{outline:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.todoContent_frame__FVXHJ{align-items:center;background-color:var(--color-content);border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;display:flex;flex-direction:column;height:83%;justify-content:flex-start;position:relative;width:100%}.todoContent_itemBox__2bL2l{height:445px;overflow:scroll;width:89%}.todoContent_itemBox__2bL2l h1{color:var(--color-input-text);font-size:20px;font-weight:700;margin:5px 10px}.todoContent_emptyMessage__lpWYG{align-items:center;color:#adadad;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.todoContent_groupBox__dRsEz{border-bottom:1px solid var(--color-group-frame);padding:12px 0}.todoContent_groupTitleBox__fj3y9{align-items:center;display:flex;justify-content:space-between}.todoContent_groupAddBtn__Mpoti{color:var(--color-group-add-btn);font-size:20px}@media (max-width:576px){.todoContent_emptyMessage__lpWYG{font-size:11px}}.todoItem_itemBox__Fifyu{align-items:center;display:flex;justify-content:space-between;margin:8px 0;width:100%}.todoItem_checkbox__BiIws{-webkit-appearance:none;appearance:none;border:.1rem solid #bfbfbf;border-radius:.3rem;cursor:pointer;flex-shrink:0;height:20px;margin:.3rem;width:20px}.todoItem_checkbox__BiIws:checked{animation:todoItem_checked__t-JuT .5s ease;background-color:var(--color-bg-checkbox);background-image:url(/static/media/check_white.7c11cb23b49102f63a45.png);background-position:50%;background-repeat:no-repeat;background-size:70%;border:none}.todoItem_checkbox__BiIws:checked+.todoItem_itemText__40\+Q8{color:var(--color-checked-text);text-decoration:line-through}.todoItem_itemText__40\+Q8{color:var(--color-text);width:350px}.todoItem_itemBox__Fifyu:hover .todoItem_deleteIcon__bGd3b{color:var(--color-selet-menu-text)}.todoItem_deleteIcon__bGd3b{color:#0000;transition:color .5s ease}.todoFooter_frame__4KwW-{background-color:var(--color-frame)}.todoFooter_frame__4KwW-,.todoFooter_groupFrame__N32GD{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;display:flex;height:70px;justify-content:center;position:absolute;top:87%;width:500px}.todoFooter_groupFrame__N32GD{background-color:var(--color-group-frame)}.todoFooter_slideDown__0nAtR{animation:todoFooter_slideDown__0nAtR 1.2s forwards}@keyframes todoFooter_slideUp__8xuAM{0%{height:0;opacity:0;overflow:hidden;transform:translate(-50%,30px)}to{height:70px;opacity:1;transform:translate(-50%,1)}}@keyframes todoFooter_slideDown__0nAtR{0%{height:70px;opacity:1;transform:translate(-50%,1)}to{height:0;opacity:0;overflow:hidden;transform:translate(-50%,30px)}}.todoFooter_inputBox__uG7Lm{align-items:center;display:flex;justify-content:space-between;width:89%}input[type=text]{border:none;border-radius:7px;box-sizing:border-box;height:35px;padding:0 12px;width:395px}input::placeholder,input[type=text]{color:var(--color-input-text)}svg{cursor:pointer}@media (max-width:576px){.todoFooter_frame__4KwW-,.todoFooter_groupFrame__N32GD{height:62px;top:84%;width:300px}input[type=text]{font-size:11px;width:221px}}.todoFrame_frame__PJeqo{background-color:#fff;border-radius:1.5rem;box-shadow:6px 7px 6px 0 var(--color-box-shaodw);height:650px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px}.todoFrame_box__ZS0e4{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.todoFrame_menuBar__mBf9K{align-items:center;display:flex;height:60px;justify-content:flex-end;padding:0 20px}.todoFrame_icon_setting__Mi4qy{color:var(--color-selet-menu-text);margin:0 15px}@media (max-width:768px){.todoFrame_frame__PJeqo{border-radius:1rem;box-shadow:4px 5px 5px 0 var(--color-box-shaodw);height:550px;width:400px}.todoFrame_menuBar__mBf9K{height:50px;padding:0 15px}.todoFrame_icon_setting__Mi4qy{margin:0 10px}}@media (max-width:576px){.todoFrame_frame__PJeqo{border-radius:17px;box-shadow:3px 4px 4px 0 var(--color-box-shaodw);height:450px;width:300px}.todoFrame_menuBar__mBf9K{height:45px;padding:0 10px}.todoFrame_icon_setting__Mi4qy{margin:0 8px}}.rightMenuBar_frame__ulCt0{animation:rightMenuBar_slideIn__Pnj5J .5s forwards;background-color:#fff;border-bottom-left-radius:15px;border-top-left-radius:15px;box-sizing:border-box;display:none;height:68%;padding:0 25px;position:absolute;right:0;top:151px;width:300px}.rightMenuBar_slideOut__SD6XW{animation:rightMenuBar_slideOut__SD6XW .7s forwards}@keyframes rightMenuBar_slideIn__Pnj5J{0%{display:none;opacity:0;overflow:hidden;transform:translateX(100%);visibility:hidden;width:0}to{opacity:1;transform:translateX(0);width:300px}}@keyframes rightMenuBar_slideOut__SD6XW{0%{opacity:1;transform:translateX(0);width:300px}to{display:none;opacity:1;overflow:hidden;transform:translateX(100%);visibility:hidden;width:0}}.rightMenuBar_frame__ulCt0 h2{color:var(--color-input-text)}.rightMenuBar_inputGroupBox__UQRrB{align-items:center;border-bottom:1px solid var(--color-input-text);display:flex}.rightMenuBar_addGroupIcon__6zD-A{color:var(--color-input-text);font-size:40px}.rightMenuBar_groupBox__f88tP{padding:10px}.rightMenuBar_groupWrap__\+tkVt{align-items:center;display:flex;justify-content:space-between}.rightMenuBar_groupWrap__\+tkVt p{color:var(--color-input-text);font-size:15px;font-weight:700;margin:13px 0}.rightMenuBar_groupWrap__\+tkVt input{font-size:15px;width:100px}.rightMenuBar_groupIconWrap__VCmPK{align-items:center;color:#d3d3d3;display:flex;font-size:15px;justify-content:space-between;width:41px}.rightMenuBar_emptyMessage__wIbYl{align-items:center;color:#adadad;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.todoTitle_frame__uKwtl{align-items:center;background-color:var(--color-frame);border-top-left-radius:1rem;border-top-right-radius:1rem;display:flex;flex-direction:column;height:17%;justify-content:flex-start;width:500px}.todoTitle_iconBox__kkDBG{align-items:center;display:flex;justify-content:flex-end;margin:20px 0;width:88%}.todoTitle_iconBox__kkDBG p{color:#fff;font-size:13px;font-weight:600;margin:0}.todoTitle_menuBox__RrBUK{display:flex;justify-content:space-between;margin:10px 0;width:70%}.todoTitle_menuBox__RrBUK p{color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:0;text-align:center;width:72px}.todoTitle_seletedMenu__CLqwh{color:var(--color-selet-menu-text)!important}.todoTitle_themeicon__t0KR7{animation:todoTitle_down__TvVCe 1.5s ease-out;left:22px;position:absolute;top:20px}@keyframes todoTitle_down__TvVCe{0%{left:-2rem;opacity:0;top:-5rem}to{opacity:1}}@media (max-width:576px){.todoTitle_frame__uKwtl{width:300px}.todoTitle_themeicon__t0KR7{left:15px;top:14px}.todoTitle_iconBox__kkDBG{margin:10px 0}.todoTitle_menuBox__RrBUK p{font-size:14px}}
/*# sourceMappingURL=main.36865c37.css.map*/