.msg{position:fixed;background-color:#04b604;border-radius:5px;color:#fff;margin:.5rem auto;-webkit-transform:translateX(150vw);transform:translateX(150vw);padding:.5rem 4rem .5rem 2rem;width:auto;display:block;top:.5rem;right:2rem;z-index:150;-webkit-animation:msg .5s ease forwards;animation:msg .5s ease forwards}@-webkit-keyframes msg{to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes msg{to{-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:500px){.msg{position:fixed;width:95%;margin:auto;left:0;right:0;padding:.5rem 1.5rem;-webkit-transform:translate(0);transform:translate(0);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);-webkit-animation:sm-msg .5s ease forwards;animation:sm-msg .5s ease forwards}@-webkit-keyframes sm-msg{to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes sm-msg{to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}}.modal i{position:-webkit-sticky;position:sticky;float:right;top:0;font-size:1.5rem;cursor:pointer;color:var(--text-color)}.modal .btns{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.modal .btns button{background:none;border:none;font-size:1rem;padding:.5rem;border-radius:5px}.modal .btns button:focus,.modal .btns button:hover{background:var(--input-border)}.overlay{display:none;position:fixed;top:0;left:0;z-index:40;background-color:rgba(0,0,0,.479);width:100vw;height:100vh}textarea{font-family:"Poppins"}.modal{padding:1rem 2rem;position:fixed;top:50%;left:50%;z-index:50;background-color:var(--white-color);border-radius:10px;width:90vw;max-width:600px;overflow-y:auto;max-height:90vh;color:var(--text-color);-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%);-webkit-animation:modal .3s ease-out forwards;animation:modal .3s ease-out forwards}@-webkit-keyframes modal{to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes modal{to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.btn{background:#c058f3;color:#fff;padding:0 3rem;width:100%;border-radius:6px;height:43px;text-decoration:none;margin:1.5rem 0 1rem;transition:.5s;border:none;font-size:1rem;outline:none;display:grid;place-items:center;cursor:pointer}.btn.btn-cancel{color:#cf0808}.category-wrap{padding:1rem;margin:1rem auto;border-radius:10px;border:1px solid var(--item-hover)}.category-placeholder{color:var(--grey);margin:1rem 0}.form-control-group{width:100%;margin:1rem 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}input[type=radio]{margin-right:10px;height:15px;width:15px;-webkit-appearance:none;-o-appearance:none;appearance:none;border:1px solid var(--input-border);outline:none;transition-duration:.2s;cursor:pointer;border-radius:3px;background:#fff;position:relative}input[type=radio]:checked{background:var(--check-bg)}input[type=radio]:checked:before{content:"\2713";display:block;font-weight:700;font-size:.6rem;text-align:center;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pwd-wrap{position:relative;height:auto;width:auto}button{border:none}.view-pwd{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:45px;background-color:#c058f3;padding:.75rem .6rem;font-weight:600;color:#fff;border-left:1px solid var(--grey);border-radius:0 8px 8px 0}.closeModal,.view-pwd{position:absolute;cursor:pointer}.closeModal{top:.5rem;right:.8rem;color:var(--text-color);font-size:1rem;font-weight:700;border:1px solid var(--item-hover);border-radius:5px;padding:.1rem .5rem}*{box-sizing:border-box;margin:0;padding:0}:root{--gry-bg:#e4e5f1;--white-color:#fafafa;--text-color:#161722;--max-width:760px;--item-hover:#e4e5f1;--box-shadow:10px 23px 36px -11px rgba(147,148,165,0.75);--link-color:#525252;--grey:#ccc;--check-bg:linear-gradient(to bottom right,#57ddff,#c058f3)}[data-theme=dark]{--item-hover:#393a4c;--box-shadow:10px 23px 36px -11px rgba(22,23,34,0.86);--white-color:#25273c;--grey:#4f5169;--gry-bg:#161722;--text-color:#cacde8;--link-color:#c7c7c7}body{background-color:#e4e5f1;background-color:var(--gry-bg);font-family:"Josefin Sans";font-weight:400;line-height:1.5;font-size:.875rem;color:#161722;color:var(--text-color)}.bg-image{height:40vh;position:fixed;top:0;left:0;right:0;width:100vw;z-index:-1}.checkbox{display:-webkit-inline-flex;display:inline-flex;cursor:pointer;position:relative}.add-todo.reset{position:absolute;bottom:-4rem;left:0;opacity:1;background-color:#fafafa;background-color:var(--white-color)}.checkbox>input{height:20px;width:20px;-webkit-appearance:none;-o-appearance:none;appearance:none;border:1px solid #161722;border:1px solid var(--text-color);border-radius:50%;outline:none;transition-duration:.3s;background-color:transparent;cursor:pointer}.checkbox>input:checked{background:linear-gradient(to bottom right,#57ddff,#c058f3);background:var(--check-bg)}.checkbox>input:checked:before{content:"\2713";display:block;font-weight:700;font-size:.7rem;text-align:center;color:#fff}.add-todo{font-size:1rem;font-weight:600}.add-todo,.input{width:100%;background-color:#fafafa;background-color:var(--white-color);padding:0 .5rem;height:42px;border:none;border-radius:5px;color:#161722;color:var(--text-color);font-family:"Josefin Sans"}.input{border:1px solid #e4e5f1;border:1px solid var(--item-hover);margin:.5rem 0}.form-group{margin:1rem 0}.dueTag{padding:.3rem;border:1px solid #e4e5f1;border:1px solid var(--item-hover);border-radius:4px;font-size:.8rem}form label{font-weight:500;display:block;cursor:pointer;width:100%}input:focus{outline:none;border:1px solid #f77bdc}::-webkit-input-placeholder{color:#161722;color:var(--text-color)}:-ms-input-placeholder{color:#161722;color:var(--text-color)}::placeholder{color:#161722;color:var(--text-color)}main{width:90vw;max-width:760px;max-width:var(--max-width);margin:4rem auto;-webkit-flex-direction:column;flex-direction:column}.header,main{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.header{width:100%;margin-bottom:2rem;color:#fff}.header h1{letter-spacing:1rem;font-family:"Josefin Sans"}.header img{cursor:pointer;width:30px;height:30px}.todo-wrap{width:100%;background-color:#fafafa;background-color:var(--white-color);box-shadow:10px 23px 36px -11px rgba(147,148,165,.75);box-shadow:var(--box-shadow);margin-top:3rem;border-radius:10px}.flex{border-radius:0 0 10px 10px}.flex a,.flex p{opacity:.7}hr{height:1px;background-color:#ccc;background-color:var(--grey);border:none}.todo-item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;padding:1rem 1.5rem;position:relative;background-color:#fafafa;background-color:var(--white-color)}.todo-item:hover{background-color:#e4e5f1;background-color:var(--item-hover)}.todo-item.flex:hover{background-color:#fafafa;background-color:var(--white-color)}.panel{overflow:hidden;height:0;transition:all .6s ease;opacity:0;transition:all .5s}.panel.show{height:auto;opacity:1}.category{height:-webkit-max-content;height:max-content}.right{width:80%}.left{width:17%;-webkit-justify-content:flex-end;justify-content:flex-end}.text .check-label{white-space:pre-line;word-wrap:break-word;white-space:pre-wrap;word-break:break-word;max-width:90%}.accordion-btn{color:#161722;color:var(--text-color);font-weight:500;width:100%;background-color:#fafafa;background-color:var(--white-color);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;font-size:1.2rem;border-bottom:1px solid grey;padding:.9rem}.closeBtn{border:1px solid #e4e5f1!important;border:1px solid var(--item-hover)!important;border-radius:5px;padding:.5rem!important}.text{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.todo-item a,.todo-item button{background:transparent;opacity:.6;border-color:transparent;padding:.2rem .3rem;cursor:pointer;color:#161722;color:var(--text-color);font-family:"Josefin Sans"}.todo-item h4{margin-bottom:0}.check-label span{margin:0 .8rem}.check-label{margin-right:.8rem}.todo-item .check-label{margin-bottom:0;padding-left:1rem;cursor:pointer}.todo-item.flex p{cursor:auto}.flex a{text-decoration:none;font-weight:700}.flex .links a.active{color:#3a7bfd;opacity:1!important}.links a{color:#525252;color:var(--link-color)}.info{margin:5rem auto;color:#161722;color:var(--text-color)}@media (max-width:350px){.todo-item.flex .links{font-size:.8rem}}@media (max-width:500px){.todo-item.flex .links{position:absolute;bottom:-4rem;right:0;left:0;background:#fafafa;background:var(--white-color);padding:.7rem;border-radius:5px;text-align:center;box-shadow:10px 23px 36px -11px rgba(147,148,165,.75);box-shadow:var(--box-shadow)}.add-todo.reset{bottom:-8rem}.todo-item.flex .links *{margin:.5rem}.bg-image{width:180vw;overflow:hidden;left:-25vw}.info{margin:10rem auto}.todo-item{padding:1rem}.left{width:40%}.todo-item .check-label{padding-left:.6rem}.dueTag{font-size:.6rem}}@media (max-width:360px){body{font-size:15px}.todo-item.flex{padding:.6rem .4rem}.dueTag{font-size:.6rem}.text{font-size:.8rem}.checkbox>input{width:14px;height:14px}}.trash{color:#161722;color:var(--text-color);background:transparent;padding:.2rem;border-radius:5px;cursor:pointer;margin-left:.5rem}.trash svg{fill:#161722;fill:var(--text-color)}
/*# sourceMappingURL=main.07ddd309.chunk.css.map */