.sidenav{height:100%;width:36px;position:fixed;left:0;bottom:0;background-color:#362a40;overflow-x:hidden;z-index:1;display:flex;flex-direction:column;margin-right:60px}.sidenav a{align-items:center;text-align:center;text-decoration:none;font-size:25px;color:#85729c;display:block;transition:all .2s;cursor:pointer;padding-top:20px;padding-bottom:20px}.sidenav a:hover{color:#beacd4}.checkbox-todo{display:none;margin:0 5px -4px 0}.checkbox-todo+label span p{transition:opacity .5s}.checkbox-todo:checked+label span p{opacity:.7;transition:opacity .7s}.checkbox-todo+label span:after,.checkbox-todo+label span:before{transition:all .3s ease-in-out;content:"";position:absolute;z-index:1;width:1rem;height:1rem;background:transparent;border:4px solid #ba7ed1;margin-left:-26px;border-radius:6px}.checkbox-todo+label span:after{z-index:0;border:none}.checkbox-todo:checked+label span:before{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:#ba7ed1}.checkbox-todo+label+img,.text-todo>label+img{margin-left:5px;width:20px;height:20px;background-color:#fff;border:1px solid var(--border)}div.iterated-list{display:flex;flex-direction:column;max-height:150px;overflow-y:scroll}:root{--border:rgba(191,171,203,0.6705882352941176);--readOnly:#fae5fa;--main:#f2d5f8;--sub:#e6c0e9;--body:#f2d5f8;--listitem:#ebcdf3;--listitemhover:#e9caf1;--button:#d3aade;--buttonhover:#c2a2d4;--label:#4a3f52;--inputtext:#362a40;--publicitem:rgba(191,171,203,0.6705882352941176)}body,html{background-color:#f2d5f8;background-color:var(--body);padding:0;margin:0}.body{height:inherit;display:flow-root}body *{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;margin:0}.head{height:inherit}.btn{border-radius:100rem;padding:12px 16px;background:linear-gradient(170deg,#61dbfb,#2e849b)!important;border:none;color:#fff;font-weight:60;margin:1rem 0;cursor:pointer}.container,.empty-container{color:#4a3f52;color:var(--label);padding:1rem;border-radius:6px}.container{margin-left:36px}.list-container{border:1px solid rgba(191,171,203,.6705882352941176);border:1px solid var(--border);border-radius:6px;background:#e6c0e9;background:var(--sub);margin-top:10px;margin-bottom:10px;justify-content:space-between;padding:3px;position:relative;overflow:hidden;max-height:500px}a.list-item{display:flex;align-items:center;justify-content:center;width:4.5em;height:4.5em;background-color:#fff;border:1px solid #d3d3d3;border-radius:6px;margin:2px;float:left;cursor:pointer}a.list-item label{background-color:#ffa07a;position:absolute;border-radius:3px;margin-top:-30px;margin-left:30px;min-width:2em;text-align:center}a.list-item label.allclosed{background-color:#dcdcdc}a.list-item label.openclosed{background-color:#ffa07a;border:1px solid #dcdcdc;border-right-width:5px}.hidden{display:none}div.welcome-header{text-align:center}div.welcome-footer,div.welcome-header{padding-top:.5rem;padding-bottom:.5rem;width:100%}div.welcome-footer{text-align:right}div.group-header{justify-content:right;padding-top:2px;margin-left:40px;margin-bottom:2px;border-bottom:2px solid rgba(191,171,203,.6705882352941176);border-bottom:2px solid var(--border);border-radius:2px;padding-right:1rem}div.group-header,div.group-header a{display:flex;color:#4a3f52;color:var(--label)}div.group-header a{text-decoration:none}div.group-header a label{margin-left:5px;margin-top:10px;cursor:pointer}div.container-header{padding-top:.5rem;padding-bottom:.5rem;margin:auto;width:100%;display:flex;justify-content:space-between}div.container-header label{margin-top:10px}div.todo-container{border:1px solid rgba(191,171,203,.6705882352941176);border:1px solid var(--border);border-radius:6px;background:#e6c0e9;background:var(--sub);height:100%;margin-top:10px;margin-bottom:10px;padding:2px;position:relative;overflow-y:auto;max-height:500px;min-height:60px}label.muted{opacity:.7}.todo-item{color:#4a3f52;color:var(--label);border:1px solid rgba(191,171,203,.6705882352941176);border:1px solid var(--border);border-radius:6px;background:#ebcdf3;background:var(--listitem);display:flex;grid-template-columns:1.7fr .5fr;margin-top:5px;margin-bottom:5px;grid-template-areas:"text-todo todo-btn" "tag-container todo-btn";justify-content:space-between}.todo-item:hover{background-color:#e9caf1;background-color:var(--listitemhover);color:#362a40;color:var(--inputtext)}.text-next,.text-todo{display:flex;align-items:center}.text-todo{grid-area:text-todo;padding-left:6px;font-size:14px;margin-left:10px;word-wrap:anywhere}.text-todo>.removed{text-decoration:line-through}.todo-btn{border-radius:3px 3px 3px 3px;border:1px solid rgba(191,171,203,.6705882352941176);border:1px solid var(--border);font-size:16px;font-weight:700;cursor:pointer;background:#d3aade;background:var(--button);margin:2px;padding:10px}.todo-btn:hover{background:#c2a2d4;background:var(--buttonhover)}.todo-btn:disabled{opacity:.7}.comment-btn{border-radius:5px;min-width:"10px";border:1px solid rgba(191,171,203,.6705882352941176);border:1px solid var(--border);font-size:16px;font-weight:700;cursor:pointer;background:#d3aade;background:var(--button);margin:2px;padding:2px 5px}.comment-btn:hover{background:#c2a2d4;background:var(--buttonhover)}p.disabled{opacity:.5!important}.todo-input{border-style:none;width:100%;border-left:1px solid rgba(191,171,203,.6705882352941176);border-bottom:1px solid rgba(191,171,203,.6705882352941176);border-top:1px solid rgba(191,171,203,.6705882352941176);border:1px solid var(--border);border-right:0;border-radius:6px 0 0 6px}.todo-input:read-only{opacity:.7;background-color:#fae5fa;background-color:var(--readOnly)}.todo-input:focus{outline:none}.input-container{border:1px solid rgba(191,171,203,.6705882352941176);border:1px solid var(--border);border-radius:6px;background:#e6c0e9;background:var(--sub);justify-content:space-between;padding:3px;position:relative;overflow:hidden;min-height:1.75rem;color:#4a3f52;color:var(--label)}.input-container form div.form-group{margin-bottom:15px}form div:not(.err) label.err{display:none}form div.err input,form div.err textarea{border:1px solid #8b0000}form div.err label.err{display:block;color:#8b0000}.input-container form div.form-group-multiple{margin-bottom:15px;display:flex;justify-content:space-between}div.form-footer{margin-bottom:10px}div.align-right{display:flex;flex-direction:row-reverse;justify-content:space-between;width:100%}.input-container form div.status-group{text-align:left;margin-bottom:10px}.input-container form label,.input-container form textarea{width:99%;font:inherit}.input-container form textarea{color:#362a40;color:var(--inputtext)}.comment-container{padding:3px}.comment-container input,.comment-container label,.comment-container textarea{width:99%;font:inherit}.comment-container div.form-group{padding-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(191,171,203,.6705882352941176);border-bottom:1px solid var(--border)}.comment-container div.form-group:last-child{border-bottom:0}.comment-container div.form-group div.commenter{display:flex;justify-content:right}.comment-container div.form-group div{width:100%}.comment-container div.comment-item{padding-top:6px;padding-bottom:6px;display:flex;justify-content:left}.comment-container div.comment-item div.profile-image{min-width:36px;height:36px;border-radius:18px;margin-right:5px;text-align:center;display:flex;flex-direction:column}.comment-container div.comment-item div.profile-image label{margin-top:10px;color:#fff}.comment-container div.comment-item div.comment{padding-top:5px;padding-bottom:5px;background-color:#e6c0e9;background-color:var(--sub);border-radius:5px}.modal{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease-in-out;pointer-events:none}.modal.enter-done{opacity:1;pointer-events:visible}.modal.exit{opacity:0}.modal-content{width:500px;background-color:#fff;transition:all .3s ease-in-out;-webkit-transform:translateY(-200px);transform:translateY(-200px)}.modal.enter-done .modal-content{-webkit-transform:translateY(0);transform:translateY(0)}.modal.exit .modal-content{-webkit-transform:translateY(-200px);transform:translateY(-200px)}.modal-footer,.modal-header{padding:10px}.modal-title{margin:0}.modal-body{padding:10px;border-top:1px solid #eee;border-bottom:1px solid #eee}
/*# sourceMappingURL=main.c7684ce1.chunk.css.map */