@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}hr{border:.1px solid #bfbdbd}.hide{display:none}.unhide{display:block}.disabled{opacity:.4}.folderDisabled{opacity:1}input{border:none;&:disabled{opacity:1}}.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:#ffab15;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}@media(max-width:767px){.app{display:block}}.app .noteFolders{background-color:#f2f2f7;height:100%;overflow:hidden;position:relative;width:200px}@media(max-width:767px){.app .noteFolders{width:100vw}}.app .noteFolders .folders{height:calc(100% - 50px);margin:10px;overflow-x:hidden;overflow-y:scroll}.app .noteFolders .folders h3{display:none;font-size:1.5rem;margin-bottom:10px}@media(max-width:767px){.app .noteFolders .folders h3{display:block}}.app .noteFolders .folders .noteFolderItem{border-radius:7px;cursor:pointer;display:flex;padding:10px}.app .noteFolders .folders .noteFolderItem .noteFolderIcon{color:#ffab15;display:block;font-size:1.2rem;margin-right:5px;margin-top:-1px}@media(max-width:767px){.app .noteFolders .folders .noteFolderItem .noteFolderIcon{font-size:1.8rem}}.app .noteFolders .folders .noteFolderItem .noteFolderDeletedIcon{color:red}.app .noteFolders .folders .noteFolderItem .noteFolderListIcon{color:#ffab15;font-size:1.5rem;margin-right:5px}@media(max-width:767px){.app .noteFolders .folders .noteFolderItem .noteFolderListIcon{font-size:1.8rem}.app .noteFolders .folders .noteFolderItem h4{font-size:1.2rem;margin-top:4px}}.app .noteFolders .folders .noteFolderItem input{background:none;border-radius:5px;color:#000;display:block;font-size:1rem;font-weight:500;overflow:hidden;padding:3px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.app .noteFolders .folders .noteFolderItem input{font-size:1.2rem}}.app .noteFolders .folders .noteFolderItem .editInput{background:#f2f2f7;border:1px solid}.app .noteFolders .folders .noteFolderItemActive{background-color:hsla(0,0%,87%,.8)}.app .noteFolders .noteFoldersFootage{background-color:#f5f5f7;bottom:0;height:40px;left:0;overflow:hidden;position:absolute;width:100%}.app .noteFolders .noteFoldersFootage div{display:flex;justify-content:space-between;padding:0 10px}.app .noteFolders .noteFoldersFootage div button{background:none;border:none;color:#ffab15;cursor:pointer;display:block;font-size:1rem;margin-top:3px}@media(max-width:767px){.app .noteFolders .noteFoldersFootage div button{font-size:1.3rem}}.app .noteFolders .noteFoldersFootage div button:last-child{font-size:1.6rem;margin-top:8px}@media(max-width:767px){.app .noteFolders .noteFoldersFootage div button:last-child{font-size:1.9rem}}.app .noteFolders .noteFoldersFootage hr{left:0;opacity:.5;position:absolute;top:0;width:100%}.app .noteFolders .noteFoldersDivider{height:100%;opacity:.3;position:absolute;right:0;top:0}.app .noteFolders::-webkit-scrollbar{display:none}.app .noteLists{background-color:#f2f2f7;cursor:pointer;height:calc(100% - 15px);overflow:hidden;padding-bottom:15px;position:relative;width:270px}@media(max-width:767px){.app .noteLists{width:100vw}}.app .noteLists .noteListsHeader{display:flex;height:40px;justify-content:space-between;overflow:hidden;width:100%}.app .noteLists .noteListsHeader div{display:flex}.app .noteLists .noteListsHeader div h3{color:#000;font-size:1.5rem;margin-top:7px}.app .noteLists .noteListsHeader button{background:none;border:none;color:#ffab15;display:block;font-size:1.8rem;margin:5px 15px 0}.app .noteLists .noteListsHeader .backBtn{margin:5px 5px 0}@media(min-width:767px){.app .noteLists .noteListsHeader{display:none}}.app .noteLists h5{color:#9d9da3;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media(max-width:767px){.app .noteLists h5{font-size:1.3rem}}.app .noteLists .searchBar{background-color:#fff;border-radius:8px;display:flex;margin:10px auto;overflow:hidden;width:calc(100% - 30px)}@media(max-width:767px){.app .noteLists .searchBar{font-size:1.1rem}}.app .noteLists .searchBar .searchBarIcon{display:block;font-size:1.5rem;margin-left:8px;margin-top:8px}.app .noteLists .searchBar input{font-size:1rem;height:30px;outline:none;padding:5px 10px 5px 5px;width:calc(100% - 35px)}.app .noteLists .notes{border-radius:7px;height:calc(100% - 60px);margin:0 15px;overflow-x:hidden;overflow-y:scroll;padding-bottom:15px;width:calc(100% - 30px)}@media(max-width:767px){.app .noteLists .notes{height:calc(100% - 100px)}}.app .noteLists .notes::-webkit-scrollbar{display:none}.app .noteLists .notes .noteListItem{background-color:#fff;padding-top:10px}.app .noteLists .notes .noteListItem:last-child{border-radius:0 0 7px 7px}.app .noteLists .notes .noteListItem:last-child hr{display:none}.app .noteLists .notes .noteListItem h4{font-size:1rem;margin:0 10px;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.app .noteLists .notes .noteListItem h4{font-size:1.2rem}}.app .noteLists .notes .noteListItem .noteBody{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;font-weight:300;overflow:hidden;padding-left:10px}@media(max-width:767px){.app .noteLists .notes .noteListItem .noteBody{font-size:1rem}}.app .noteLists .notes .noteListItem .noteDate{font-size:.8rem;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.app .noteLists .notes .noteListItem hr{opacity:.3}.app .noteLists .notes .noteListItemActive{background-color:rgba(255,220,64,.3)}.app .noteLists .notes .noteListItemActive hr{display:none}.app .noteLists .noteListsDivider{height:100%;opacity:.3;position:absolute;right:0;top:0}.app .noteContent{height:100%;overflow:hidden;width:calc(-470px + 100vw)}@media(max-width:767px){.app .noteContent{width:100vw}}.app .noteContent .noteHeader{background-color:#fff;display:flex;height:40px;justify-content:space-between;padding:0 15px;position:relative;width:calc(100% - 30px)}.app .noteContent .noteHeader div{display:flex}.app .noteContent .noteHeader button{background:none;border:none;color:red;cursor:pointer;font-size:1.3rem;margin-top:9px}.app .noteContent .noteHeader .backBtn{color:#ffab15;display:none;font-size:1.8rem;margin-right:20px;margin-top:5px}@media(max-width:767px){.app .noteContent .noteHeader .backBtn{display:block}}.app .noteContent .noteHeader .addBtn{color:#ffab15;font-size:1.5rem;margin-top:8px}.app .noteContent .noteHeader .favBtn{color:#ffab15;margin-right:20px;margin-top:6px}.app .noteContent .noteHeader .favBtn:hover{opacity:1}.app .noteContent .noteHeader .recoverBtn{font-size:1.5rem}.app .noteContent .noteHeader hr{bottom:0;left:0;opacity:.5;position:absolute;width:100%}.app .noteContent .noNote{background:#dfdfe4;height:calc(100% - 40px);position:relative;width:100%}.app .noteContent .noNote p{color:#9d9da3;font-size:1rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.app .noteContent .noteTitle{background:hsla(0,0%,87%,.22);color:#000;font-size:1.3rem;font-weight:600;height:10px;outline:none;overflow:hidden;padding:20px;text-overflow:ellipsis;width:calc(100% - 40px)}.app .noteContent .noteBody{background:#fff;border:none;font-size:1.2rem;font-weight:100;height:calc(100% - 110px);line-height:1.5;outline:none;overflow-x:hidden;overflow-y:scroll;padding:10px 20px;resize:none;text-align:left;width:calc(100% - 40px)}.app .noteContent .noteBody::-webkit-scrollbar,.app .noteContent::-webkit-scrollbar{display:none}.app .hideForMobile{display:block}@media(max-width:767px){.app .hideForMobile{display:none}}.app .specailHideForNoteLists{display:block}@media(max-width:767px){.app .specailHideForNoteLists{display:none}}.app::-webkit-scrollbar{display:none}.app button:hover{opacity:.4}.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.9da29c17.css.map*/