._wrapper_1tko0_1{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:60px}._input_container_1tko0_9{width:100%;position:relative}._add_input_1tko0_14{position:relative;font-size:16px;width:100%;padding:10px 15px;background:transparent;border:1px solid #9e78cf;border-radius:10px;outline:none}._add_input_1tko0_14:hover{border-color:#784db1}._add_input_1tko0_14:focus{border-color:#8044cf}._add_btn_1tko0_33{border:transparent;border-radius:10px;padding:6px;background-color:#9e78cf;cursor:pointer}._add_btn_1tko0_33:hover{background-color:#8044cf}._add_btn_1tko0_33:active{scale:.98}._clear_btn_1tko0_49{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:transparent;border:none;cursor:pointer}._wrapper_y1ojy_1{padding:22px 20px;background-color:#15101c;border-radius:10px;display:flex;align-items:center;justify-content:space-between}._wrapper_y1ojy_1:not(:last-of-type){margin-bottom:16px}._title_y1ojy_14{font-weight:400;font-size:16px;color:#9e78cf}._completed_y1ojy_20{color:#78cfb0;text-decoration:line-through}._actions_y1ojy_25{display:flex;gap:8px}._btn_y1ojy_30{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:transparent;border:none;cursor:pointer}._complete_btn_y1ojy_41:hover>svg>path{fill:#78cfb0}._remove_btn_y1ojy_45:hover>svg>path{fill:#f53939}*{box-sizing:border-box;margin:0;padding:0;color:#fff;font-family:Inter,sans-serif}body{padding:16px;min-height:100vh;overflow-y:auto;background-color:#0d0714}.app-container{height:auto;max-width:568px;background-color:#1d1825;margin:0 auto;padding:36px 86px 1px;border-radius:20px}.title{margin-bottom:16px}.tasks-mark{margin-bottom:16px;font-weight:400;font-size:16px}.tasks-list{margin-bottom:60px;max-height:257px;overflow-y:auto}.tasks-list::-webkit-scrollbar{width:3px;border-radius:3px}.tasks-list::-webkit-scrollbar-thumb{background-color:#9466ff}.tasks-list::-webkit-scrollbar-thumb:hover{background-color:#6830ec}@media (max-width: 568px){body{padding:0;background-color:#1d1825}.app-container{height:100%;margin:0;padding:24px 20px 1px}.title{text-align:center;font-size:36px}.task-list{margin-bottom:30px}.tasks-mark{font-size:20px}}