#user-todos-app .user-todos,#user-todos-app .done-todos,#user-todos-recent-app .user-todos,#user-todos-recent-app .done-todos{list-style:none;padding:0}#user-todos-app .user-todos:not(.row),#user-todos-app .done-todos:not(.row),#user-todos-recent-app .user-todos:not(.row),#user-todos-recent-app .done-todos:not(.row){columns:3;column-gap:1.5rem;padding-top:1rem}#user-todos-app .user-todos:not(.row)>li,#user-todos-app .done-todos:not(.row)>li,#user-todos-recent-app .user-todos:not(.row)>li,#user-todos-recent-app .done-todos:not(.row)>li{break-inside:avoid;padding-top:12px;margin-bottom:.5rem}#user-todos-app .user-todos__item,#user-todos-app .done-todos__item,#user-todos-recent-app .user-todos__item,#user-todos-recent-app .done-todos__item{position:relative;padding:2.2rem 1rem 1.5rem;background:#bcaac5;border-radius:18px;animation:fade-in .5s ease forwards}#user-todos-app .user-todos__item.done,#user-todos-app .done-todos__item.done,#user-todos-recent-app .user-todos__item.done,#user-todos-recent-app .done-todos__item.done{animation:fade-in .5s ease forwards;background:#a8c4a7}#user-todos-app .user-todos__item.expired:not(.done),#user-todos-app .done-todos__item.expired:not(.done),#user-todos-recent-app .user-todos__item.expired:not(.done),#user-todos-recent-app .done-todos__item.expired:not(.done){animation:fade-in .5s ease forwards;background:#eca4a0}#user-todos-app .user-todos__item.expired:not(.done) .user-todos__item--flag,#user-todos-app .done-todos__item.expired:not(.done) .user-todos__item--flag,#user-todos-recent-app .user-todos__item.expired:not(.done) .user-todos__item--flag,#user-todos-recent-app .done-todos__item.expired:not(.done) .user-todos__item--flag{position:absolute;top:0;right:-5px;transform:translateY(-50%);padding:.3rem 1rem;display:block;text-transform:uppercase;text-align:center;font-size:12px;line-height:16px;font-weight:700;background:#ec4b4a;border-radius:15px;z-index:2}#user-todos-app .user-todos__item.expiring-soon:not(.done),#user-todos-app .done-todos__item.expiring-soon:not(.done),#user-todos-recent-app .user-todos__item.expiring-soon:not(.done),#user-todos-recent-app .done-todos__item.expiring-soon:not(.done){animation:fade-in .5s ease forwards;background:#f4d2a5}#user-todos-app .user-todos__item.expiring-soon:not(.done) .user-todos__item--flag,#user-todos-app .done-todos__item.expiring-soon:not(.done) .user-todos__item--flag,#user-todos-recent-app .user-todos__item.expiring-soon:not(.done) .user-todos__item--flag,#user-todos-recent-app .done-todos__item.expiring-soon:not(.done) .user-todos__item--flag{position:absolute;top:0;right:-5px;transform:translateY(-50%);padding:.3rem 1rem;display:block;text-transform:uppercase;text-align:center;font-size:12px;line-height:16px;font-weight:700;background:#f59d3b;border-radius:15px;z-index:2}#user-todos-app .user-todos__item--content,#user-todos-app .done-todos__item--content,#user-todos-recent-app .user-todos__item--content,#user-todos-recent-app .done-todos__item--content{flex:1;padding-inline:.5rem}#user-todos-app .user-todos__item--title.done,#user-todos-app .done-todos__item--title.done,#user-todos-recent-app .user-todos__item--title.done,#user-todos-recent-app .done-todos__item--title.done{text-decoration:line-through}#user-todos-app .user-todos__item .icon-btn,#user-todos-app .done-todos__item .icon-btn,#user-todos-recent-app .user-todos__item .icon-btn,#user-todos-recent-app .done-todos__item .icon-btn{height:35px}#user-todos-app .user-todos__item--child-row,#user-todos-app .done-todos__item--child-row,#user-todos-recent-app .user-todos__item--child-row,#user-todos-recent-app .done-todos__item--child-row{display:flex;align-items:baseline;justify-content:flex-start;gap:.5rem}#user-todos-app .user-todos__item--child-row .icon-btn.child-toggle svg path,#user-todos-app .done-todos__item--child-row .icon-btn.child-toggle svg path,#user-todos-recent-app .user-todos__item--child-row .icon-btn.child-toggle svg path,#user-todos-recent-app .done-todos__item--child-row .icon-btn.child-toggle svg path{fill:#003641}#user-todos-app .user-todos__item--child-row .icon-btn.child-toggle:hover svg path,#user-todos-app .done-todos__item--child-row .icon-btn.child-toggle:hover svg path,#user-todos-recent-app .user-todos__item--child-row .icon-btn.child-toggle:hover svg path,#user-todos-recent-app .done-todos__item--child-row .icon-btn.child-toggle:hover svg path{fill:#156772}#user-todos-app .user-todos__item--actions,#user-todos-app .done-todos__item--actions,#user-todos-recent-app .user-todos__item--actions,#user-todos-recent-app .done-todos__item--actions{display:flex;justify-content:flex-end}#user-todos-app .explosions-container,#user-todos-recent-app .explosions-container{position:relative;height:min-content}#user-todos-app button:not(.icon-btn,.btn-close,.btn-link),#user-todos-recent-app button:not(.icon-btn,.btn-close,.btn-link){background-color:#003641;color:#fefcf7;border:none;padding:.5em 1em;border-radius:4px;cursor:pointer;font-size:1em}#user-todos-app button:not(.icon-btn,.btn-close,.btn-link):hover,#user-todos-recent-app button:not(.icon-btn,.btn-close,.btn-link):hover{background-color:#156772}#user-todos-app button:not(.icon-btn,.btn-close,.btn-link).btn-danger,#user-todos-recent-app button:not(.icon-btn,.btn-close,.btn-link).btn-danger{background-color:#bc1514}#user-todos-app button:not(.icon-btn,.btn-close,.btn-link).btn-danger:hover,#user-todos-recent-app button:not(.icon-btn,.btn-close,.btn-link).btn-danger:hover{background-color:#ec4b4a}#user-todos-app button.btn-link,#user-todos-recent-app button.btn-link{color:#003641}#user-todos-app button.btn-link:hover,#user-todos-recent-app button.btn-link:hover{color:#156772}#user-todos-app input[type=date],#user-todos-recent-app input[type=date]{padding:.5rem}#user-todos-app #todo-form,#user-todos-recent-app #todo-form{padding-block:2rem;border-radius:18px;background-color:#7b5487}#user-todos-app #todo-form label,#user-todos-recent-app #todo-form label{color:#fefcf7}#user-todos-app #todo-form .add-child-todo__wrapper,#user-todos-recent-app #todo-form .add-child-todo__wrapper{color:#fefcf7;margin-top:1rem;display:flex;align-items:center}#user-todos-app #todo-form .add-child-todo__wrapper svg path,#user-todos-recent-app #todo-form .add-child-todo__wrapper svg path{stroke:#fefcf7}#user-todos-app .dot-explosion-dot,#user-todos-recent-app .dot-explosion-dot{position:absolute;left:45%;top:50%;width:5px;height:5px;border-radius:50%;background:#003641;pointer-events:none;opacity:0;transform:translate(-55%,-50%) scale(.2);animation:dot-explode .8s cubic-bezier(.21,.53,.54,.99) forwards}#user-todos-app .spinner,#user-todos-recent-app .spinner{margin:auto;height:36px;width:36px;animation-name:spin;animation-duration:1.1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform-origin:44% 42%}#user-todos-app .spinner-container,#user-todos-recent-app .spinner-container{display:flex;justify-content:center;padding:2rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dot-explode{10%{opacity:1;transform:translate(-55%,-50%) scale(1)}to{opacity:0;transform:translate(var(--dx, 0),var(--dy, 0)) scale(.7)}}#user-todos-app .modal,#user-todos-recent-app .modal{background:#00000080}@media(max-width:1200px){#user-todos-app .user-todos:not(.row),#user-todos-app .done-todos:not(.row),#user-todos-recent-app .user-todos:not(.row),#user-todos-recent-app .done-todos:not(.row){columns:2}}@media(max-width:600px){#user-todos-app .user-todos:not(.row),#user-todos-app .done-todos:not(.row),#user-todos-recent-app .user-todos:not(.row),#user-todos-recent-app .done-todos:not(.row){columns:1}}#user-todos-app,#user-todos-recent-app{font-family:inherit}