@font-face{font-family:hamburger;src:url(/static/media/hamburger.931ed20f42648a573810.ttf)}*{font-family:hamburger}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}a{color:#000;text-decoration:none}input{background:none;border:none}hr{border:.1px solid #bfbdbd}.hide{display:none}.unhide{display:block}.header{background-color:#f5f5f7;font-size:1.4rem;font-weight:700;height:30px;overflow:hidden;padding:10px;position:relative;text-align:center}.header .headerItems{display:flex;justify-content:space-between}.header .headerItems .logo{display:flex}.header .headerItems .logo img{cursor:pointer;height:20px;margin-right:10px;margin-top:5px;width:20px}.header .headerItems .logo p{color:#50a4bf;cursor:default;margin-top:2.5px}.header .headerItems .moreMenu button{background:none;border:none;color:#6e6e73;cursor:pointer;font-size:1.6rem;margin-top:1px}.header hr{bottom:0;left:0;opacity:.5;position:absolute;width:100vw}.app{display:flex;height:calc(100vh - 50px);height:calc(100svh - 50px);overflow:hidden;position:relative;width:100vw}@media(max-width:767px){.app{display:block}}.app .lists{background-color:#f2f2f7;height:100%;overflow-x:hidden;overflow-y:scroll;overflow:hidden;padding:10px 10px 0;position:relative;width:300px}@media(max-width:767px){.app .lists{width:calc(100vw - 20px)}}.app .lists .searchBar{background-color:#fff;border-radius:8px;display:grid;grid-template-columns:30px calc(100% - 40px);margin-bottom:10px;padding:5px;width:calc(100% - 10px)}.app .lists .searchBar .searchIcon{font-size:1.8rem}.app .lists .searchBar .search{background:none;border-radius:8px;font-size:1.1rem;padding:5px;width:100%}.app .lists .taskLists{cursor:pointer;height:calc(100% - 120px);overflow-x:hidden;overflow-y:scroll;position:relative;width:100%}.app .lists .taskLists::-webkit-scrollbar{display:none}.app .lists .taskLists h3{padding:10px 0}.app .lists .taskLists h5{color:#7a7a7a;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.app .lists .taskLists .listOptions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:calc(50% - 5px) calc(50% - 5px)}.app .lists .taskLists .listOptions .taskListItem{border-radius:7px;font-size:.3rem;font-weight:bolder;padding:10px 0}.app .lists .taskLists .listOptions .defaultList{display:flex;padding:10px}.app .lists .taskLists .listOptions .defaultList h4{display:block;font-size:1.3rem;font-weight:400;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .lists .taskLists .listOptions .defaultList .todoIcons{background-color:#000;border-radius:10px;color:#fff;display:block;font-size:.9rem;margin-right:10px;padding:7px}.app .lists .taskLists .listOptions .defaultList .todoIcons2{background-color:gray}.app .lists .taskLists .listOptions .defaultList .todoIcons3{background-color:#64b07b}.app .lists .taskLists .listOptions .defaultList .todoIcons4{background-color:red}.app .lists .taskLists .taskListItem{background-color:#fff}.app .lists .taskLists .taskListItem:hover{background-color:hsla(0,0%,87%,.3)}.app .lists .taskLists .taskListItem input{color:#000;font-size:1rem;padding:5px;width:calc(100% - 45px)}.app .lists .taskLists .taskListItem input:disabled{opacity:1}.app .lists .taskLists .taskListItem p{font-size:.8rem;padding:0 1.5vw 10px}.app .lists .taskLists .taskListItem .taskList{color:#000;display:flex;font-size:.9rem;padding:15px}.app .lists .taskLists .taskListItem .taskList .listIcon{background-color:#4da3ca;border-radius:30px;display:block;margin-right:10px;margin-top:2px;padding:5px}.app .lists .taskLists .taskListItem .taskList h4{background:none;border:none;display:block;font-size:1rem;font-weight:400;margin-top:3px;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .lists .taskLists .taskListItem hr{opacity:.3}.app .lists .taskLists .myList:nth-child(3){border-radius:7px 7px 0 0}.app .lists .taskLists .myList:last-child{border-radius:0 0 7px 7px}.app .lists .taskLists .myList:last-child hr{display:none}.app .lists .taskLists .listEdit input{border:1px solid;border-radius:7px}.app .lists .taskLists .taskListItemActive{background-color:rgba(102,177,115,.1)}.app .lists .taskLists .taskListItemActive hr{display:none}.app .lists .taskLists .taskListItemNew{background-color:#fff}.app .lists .taskLists .taskListItemNew .newIcon{font-size:1rem;margin-left:5px;margin-top:3px;padding:4px}.app .lists .taskLists .taskListItemNew .newIcon:hover{background-color:#fff;border-radius:5px}.app .lists .taskLists .taskListItemNew .newListIcon{font-size:1.3rem}.app .lists .taskLists .taskListItemNew .saveIcon{color:#066706}.app .lists .taskLists .taskListItemNew .deleteIcon{color:red;font-size:1.55rem;margin-top:1px;padding:1px}.app .lists .taskFootage{background-color:#f5f5f5;bottom:0;height:50px;padding-bottom:20px;position:relative;position:absolute;right:0;text-align:right;width:100%}.app .lists .taskFootage hr{opacity:.3}.app .lists .taskFootage div{display:flex;justify-content:space-between;padding:0 15px}.app .lists .taskFootage div button{background:none;background-color:#fff;border:none;border-radius:10px;color:#3b82f7;cursor:pointer;font-size:1.1rem;font-weight:light;margin-top:10px;padding:10px 15px}.app .lists .taskListsDivider{height:100%;opacity:.3;position:absolute;right:0;top:0}.app .taskContent{color:#3b82f7;height:100%;padding:15px 0;position:relative;width:calc(-300px + 100vw)}@media(max-width:767px){.app .taskContent{left:0;position:absolute;top:50px;width:100vw}}.app .taskContent .taskHeader{display:flex;height:50px;justify-content:space-between;padding:0 15px}.app .taskContent .taskHeader .listHeading{display:flex;width:100%}.app .taskContent .taskHeader .listHeading .backIcon{cursor:pointer;display:none;font-size:1.8rem;margin-top:10px}.app .taskContent .taskHeader .listHeading .backIcon:hover{opacity:.5}@media(max-width:767px){.app .taskContent .taskHeader .listHeading .backIcon{display:block}}.app .taskContent .taskHeader .listHeading h2{font-size:1.6rem;font-weight:500;margin-top:8px}.app .taskContent .taskHeader .listHeading input{background:none;border-radius:10px;color:#4da3ca;display:flex;font-size:1.5rem;font-weight:500;padding:0 5px;width:calc(100% - 75px)}.app .taskContent .taskHeader .listHeading input:hover{background:#e6e6fa}.app .taskContent .taskHeader button{background:none;border:none;color:#4da3ca;cursor:pointer;font-size:1.6rem}.app .taskContent .taskHeader button:hover{opacity:.5}.app .taskContent .taskHeader img{cursor:pointer;height:16px;margin-right:20px;margin-top:1vw}.app .taskContent .taskBody{height:calc(100% - 65px);overflow-x:hidden;overflow-y:scroll;width:100%}.app .taskContent .taskBody .task{display:block;display:grid;grid-template-columns:20px calc(100% - 95px);padding:10px 15px;position:relative;width:100%}.app .taskContent .taskBody .task:hover{background-color:#f5f5f5}.app .taskContent .taskBody .task .checkbox{background-color:#000;height:1.5rem;margin-top:5px;width:100%}.app .taskContent .taskBody .task .inputText{background:none;border:none;color:#000;font-size:1rem;margin-left:10px;outline:none;padding:5px;resize:none}.app .taskContent .taskBody .task .inputText:disabled{opacity:1}.app .taskContent .taskBody .task .taskMenu{display:flex;height:auto;overflow-x:hidden;padding:9.4px;position:absolute;right:-190px;top:0;transition:all .5s ease-in-out;width:260px}.app .taskContent .taskBody .task .taskMenu button{background-color:#d3d3d3;border:none;border-radius:5px;cursor:pointer;display:block;height:30px;margin-right:5px;outline:none;padding:7px 5px 5px;width:50px}.app .taskContent .taskBody .task .taskMenu .menu{background:none;font-size:1rem;margin-top:0;-webkit-transform:scale(.7);transform:scale(.7);transition:all .4s ease-in-out}.app .taskContent .taskBody .task .taskMenu .delete{color:red;font-size:1rem}.app .taskContent .taskBody .task .taskMenu .today{color:green;font-size:1.15rem}.app .taskContent .taskBody .task .taskMenuScroll{background-color:#f5f5f5;right:-50px}.app .taskContent .taskBody .taskActive{background-color:rgba(77,163,200,.1)}.app .specailHideForTaskContent{display:block}@media(max-width:767px){.app .specailHideForTaskContent{display:none}}.app .specailHideForTaskLists{display:block}@media(max-width:767px){.app .specailHideForTaskLists{display:none}}.app::-webkit-scrollbar{display:none}.hamburger{cursor:pointer;margin-top:-8px;-webkit-transform:scale(.6);transform:scale(.6)}.hamburger span{background-color:#4da3ca;border-radius:3px;display:block;height:3px;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:6px 2px;transform-origin:6px 2px;transition:all .3s ease-in-out;width:32px}.hamburger span:not(:last-child){margin-bottom:4px}.openHamburger{background-color:red}.openHamburger span{background-color:#000}.openHamburger span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.openHamburger span:nth-child(2){opacity:0}.openHamburger span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.others{background-color:#fff;border:.1px solid;border-radius:7px;box-shadow:0 0 13px 2px rgba(0,0,0,.3);display:block;padding:15px;position:fixed;right:10px;text-align:left;top:50;width:200px;z-index:100}.others p{font-size:1rem;font-weight:600}.others .icons{display:flex;margin-top:20px}.others .icons .icon{cursor:pointer;margin-right:20px}.others .icons .icon img{height:40px;width:auto}.others .icons .icon p{font-size:.7rem;font-weight:100;margin-left:5px}
/*# sourceMappingURL=main.b90e312c.css.map*/