.todo-header[data-v-f5066c5c]{font-size:20px;font-weight:700;text-align:center;padding:10px;border-bottom:1px solid #ccc;font-size:40px;margin-bottom:20px}@media screen and (max-width: 500px){.todo-header[data-v-f5066c5c]{font-size:20px}}.todo-sider[data-v-2b50252f]{width:30%;border-left:1px solid #ccc}.todo-sider__header[data-v-2b50252f]{color:var(--ff573f44);font-size:15px;text-align:center;padding:10px;font-size:40px;margin-bottom:20px;border-bottom:1px solid #ccc}.todo-sider__content[data-v-2b50252f]{padding:10px;color:#ccc}@media screen and (max-width: 500px){.todo-sider[data-v-2b50252f]{display:none}}.un-todo-list[data-v-cbd25a84]{height:var(--5abb15ba)}.com-todo-list[data-v-cbd25a84]{height:var(--a88fa2ac)}.selected[data-v-cbd25a84]{background:#e7ecfa}.todo-list[data-v-cbd25a84]{width:90%;overflow-y:auto}.todo-list__header--unCompleted[data-v-cbd25a84],.todo-list__header--Completed[data-v-cbd25a84]{align-self:flex-start}.todo-list__item[data-v-cbd25a84]{height:65px;border-bottom:1px solid #ccc;margin:10px 0;font-size:25px;display:flex;align-items:center;gap:10px}.todo-list__item[data-v-cbd25a84]:hover{background:#f1f4ff}.todo-list__item--icon[data-v-cbd25a84]{margin-left:10px}.todo-inputContainer[data-v-6dfb7f4b]{position:relative;width:100%;min-height:50px}.todo-input[data-v-6dfb7f4b]{background-color:#f3f4f7;width:100%;height:100%;outline-color:#4772fa;outline-offset:-2px;font-size:20px;border:none;border-radius:4px;padding:0 10px}.todo-input[data-v-6dfb7f4b]::placeholder{color:#c1c1c4;font-size:smaller}.hidden[data-v-6dfb7f4b]{display:none}.icon[data-v-6dfb7f4b]{position:absolute;top:20%}.icon-02[data-v-6dfb7f4b]{right:2%}.icon-01[data-v-6dfb7f4b]{right:6%}@media screen and (max-width: 500px){.icon-01[data-v-6dfb7f4b]{right:14%}.icon-02[data-v-6dfb7f4b]{right:5%}}.todo-container[data-v-9079758e]{display:flex;gap:10px;flex-direction:column;align-items:center;width:80%;padding:0 10px;height:85vh;overflow:auto;position:relative}@media screen and (max-width: 500px){.todo-container[data-v-9079758e]{width:100%}}.todo-layout[data-v-47e91fb4]{overflow:hidden;height:100%;display:flex;flex-direction:column;height:100vh}.todo-mainContainer[data-v-47e91fb4]{display:flex;flex:1}*,html,body{padding:0;margin:0;box-sizing:border-box}#app{overflow:hidden;height:100%}