*{box-sizing:0;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}li{list-style-type:none}body{height:100svh;overflow:hidden}.body{height:90svh;overflow-y:scroll}.icon-button{cursor:pointer}.icon-button:active{transform:scale(.9)}.todo-container{background-color:#fff;flex-grow:1;padding:2em}.todo-title{font-size:2.5em;font-weight:700}.todo-items{display:flex;flex-direction:column;gap:.5em}.task-done{background-color:#eeffec!important;border-color:#aceaa7!important}.task-done .checked-icon{background-color:#7ad772!important;border-color:#aceaa7!important;color:#fff!important}.todo-item-container{align-items:center;border:2px solid gray;border-radius:.5em;display:flex;gap:1em;padding:1em}.todo-body{flex-grow:1;outline:none;word-break:break-all}.checked-icon{border:1px solid gray;border-radius:1.5em;color:gray;flex-shrink:0;padding:.5em}.todo-settings{display:flex;flex-shrink:0;gap:.5em}.todo-settings *{border-radius:1.5em;padding:.5em}.edit-icon{background-color:#ffe4c3}.delete-icon{background-color:#ffbaba;color:#ff4e4e}.new-task{background-color:#ffba5f;border:1px solid #ef9b2c;border-radius:1.5em;color:#662b00;cursor:pointer;font-weight:700;margin:.5em 0;padding:1em;width:100%}.new-task:active{transform:scale(.99)}.new-task-panel{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.new-task-container{background-color:#fff;border-radius:1.5em;display:flex;flex-direction:column;padding:1.5em}.close-new-panel-icon{align-self:flex-end;cursor:pointer;font-size:1.5em}.close-new-panel-icon:active{transform:scale(.9)}.new-task-title{font-size:1.5em;font-weight:700;margin:.5em 0;text-align:center}.new-task-input{border:none;border-bottom:1px solid gray;font-size:1.2em;margin:1em 0;outline:none;padding-bottom:.5em;text-align:center}.add-task{background-color:#ffba5f;border:1px solid #ea8e13;border-radius:1.5em;color:#7a3d00;cursor:pointer;font-size:1em;font-weight:700;padding:.5em}.add-task:active{transform:scale(.9)}.no-task{font-size:1.5em;font-weight:700;padding:1em;text-align:center}@media (min-width:800px){.body{background-color:#edebeb;padding:1em}.todo-container{border-radius:1em;box-shadow:0 0 5px #000}}@media (min-width:1200px){.body{font-size:20px;padding:3em}.todo-container{margin:0 auto;max-width:1200px}}
/*# sourceMappingURL=main.0125d243.css.map*/