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}#root,.App,.index-page,.router-transition,.transition-group-class,body,html{height:100%;width:100%}.index-page{background-color:#fff;border-top:1px solid #eee;display:flex;justify-content:space-between;position:relative}.index-page.Mobile{overflow:hidden}.index-page.Mobile saki-router-animation{height:100%;width:100%}.index-page.Mobile .page{background-color:#fff;height:100%;left:0;position:absolute;top:0;width:100%}.index-page.Mobile .page.enter{display:block;transform:translate(100%);transition:transform .5s}.index-page.Mobile .page.enter-active{transform:translate(0)}.index-page.Mobile .page.enter-done,.index-page.Mobile .page.leave{display:block;transform:translate(0)}.index-page.Mobile .page.leave{transition:opacity .5s,transform .5s}.index-page.Mobile .page.leave-active{transform:translate(100%)}.index-page.Mobile .page.leave-done{display:none}.index-page.Mobile .i-category{z-index:1}.index-page.Mobile .i-pagelist{z-index:2}.index-page.Mobile .i-page{z-index:3}.index-page.hideSideList .i-category,.index-page.hideSideList .i-pagelist{width:0}.index-page.hideSideList .i-page{padding:0 0 0 12px;width:100%}.index-page .i-none{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.index-page .i-category{border-right:1px solid #eee;display:flex;height:100%;transition:width .2s;width:200px}.index-page .i-category .i-c-item{align-items:center;display:flex;font-size:13px;height:40px;padding:0 10px;transition:background-color .1s;-webkit-user-select:none;user-select:none}.index-page .i-category .i-c-item.add-category{color:var(--default-color)}.index-page .i-pagelist{border-right:1px solid #eee;height:100%;overflow:auto;position:relative;transition:width .2s;width:200px}.index-page .i-pagelist .i-t-item{align-items:center;display:flex;font-size:13px;height:40px;padding:0 10px;transition:background-color .1s;-webkit-user-select:none;user-select:none}.index-page .i-pagelist .i-t-item.add-page{color:var(--default-color)}.index-page .i-page{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between;position:relative;transition:width .2s;width:calc(100% - 400px)}.index-page .i-page .i-p-title{border-bottom:1px solid #eee;padding:0 20px}.index-page .i-page .i-p-content{height:calc(100% - 57px);overflow:hidden;padding:10px 2px 4px;width:100%}.index-page .i-hidesidelist{background-color:#f3f3f3;border-radius:6px;border-radius:0 20px 20px 0;cursor:pointer;height:100px;left:400px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s,left .2s;width:12px}.index-page .i-hidesidelist:hover{background-color:#ddd}.index-page .i-hidesidelist.hideSideList{left:0}.index-page .i-hidesidelist saki-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.category-list-component{width:100%}.category-list-component .cl-item{align-items:center;display:flex;font-size:15px;height:40px;transition:background-color .1s;-webkit-user-select:none;user-select:none}.category-list-component .cl-item.add-category{color:var(--default-color)}.pages-list-component .pl-item{align-items:center;display:flex;font-size:15px;height:40px;transition:background-color .1s;-webkit-user-select:none;user-select:none}.pages-list-component .pl-item.TodoListProgress{height:50px;margin:0 0 4px}.pages-list-component .pl-item.add-page{color:var(--default-color)}.select-type-item{align-items:center;display:flex;justify-content:flex-start}.select-type-item span{flex:1 1}.verify-account-component{display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.page-content-component{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between;position:relative;width:100%}.page-content-component .p-title{align-items:center;border-bottom:1px solid #eee;display:flex;padding:0 20px}.page-content-component .p-title saki-input{width:100%}.page-content-component .p-content{flex:1 1;padding:0 2px 4px;position:relative;width:100%}.page-content-component .p-content .p-c-richtext{height:100%;width:100%}.page-content-component .p-content .p-c-richtext img{max-width:400px;position:relative}.page-content-component .p-content .p-c-richtext .sr-editor{font-size:16px}.page-content-component .p-content .p-c-input-pwd{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.page-content-component .p-content .p-c-input-pwd .p-c-i-ipt{align-items:center;align-items:flex-start;display:flex;height:75px;padding:0 20px}.page-content-component .p-content .p-c-input-pwd .p-c-i-ipt .p-c-i-i-btn{font-size:18px;line-height:14px;white-space:nowrap}.page-content-component .p-content .p-c-input-pwd .p-c-i-tip{color:#999;margin:8px 0 0;padding:0 40px;text-align:center}.page-content-component .p-data{align-items:center;bottom:10px;display:flex;justify-content:flex-end;position:fixed;right:10px;-webkit-user-select:none;user-select:none}.page-content-component .p-data .p-d-words{color:#999;font-size:12px}.page-content-component .p-data .p-d-sync{margin-right:6px}.page-content-component .p-selecttype{background-color:#fff;height:100%;left:0;position:absolute;top:0;width:100%}.page-content-component .p-catalog-button{-webkit-tap-highlight-color:rgba(0,0,0,0);bottom:30px;cursor:pointer;position:absolute;right:10px}.page-content-component .p-catalog-button:hover .catalog-item{background-color:#ccc}.page-content-component .p-catalog-button .catalog-item{background-color:#eee;border-radius:4px;height:8px;margin:16px 0;transition:background-color .3s;width:16px}.page-content-component .p-catalog-button .catalog-item.active{background-color:var(--saki-default-color)}.TodoListProgress{height:6px;position:relative;width:100%}.TodoListProgress:before{background-color:#ddd;width:100%}.TodoListProgress:after,.TodoListProgress:before{border-radius:3px;bottom:0;content:"";height:6px;left:0;position:absolute}.TodoListProgress:after{background-color:var(--saki-default-color);transition:width .7s;width:var(--todo-progress)}.find-in-page-modal{align-items:center;display:flex;justify-content:space-between;padding:6px 4px 6px 10px;position:relative}.find-in-page-modal .fip-input{align-items:center;background-color:#eee;display:flex;flex:1 1;justify-content:flex-start;margin:0 4px 0 0;padding:0 10px}.find-in-page-modal .fip-input saki-input{flex:1 1}.find-in-page-modal .fip-input .fip-count{color:#666;font-size:12px;text-align:center;width:26px}.find-highlight{background-color:#f29cb2;font-weight:500}.todolist-content-page{padding:0 0 20px;width:100%}.todolist-content-page .todolist-item-title{align-items:center;display:flex;justify-content:space-between;padding:0 10px 0 20px}.todolist-content-page .todolist-item-title .completed-count{align-items:center;background-color:#eee;border-radius:50%;color:#666;display:flex;font-size:12px;font-weight:500;height:20px;justify-content:center;margin:6px 0 0 10px;width:20px}.todolist-content-page .todolist-item-title saki-checkbox-item{cursor:pointer}.todolist-content-page .todolist-item-title saki-checkbox-item .p-c-t-t-fold{align-items:center;display:flex;justify-content:flex-end;-webkit-user-select:none;user-select:none}.todolist-content-page .todolist-item{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;display:flex;flex-direction:column;padding:0 0 0 var(--left);position:relative;width:100%}.todolist-content-page .todolist-item.importance:before{background-color:var(--importance-color);content:"";height:100%;position:absolute;right:0;top:0;width:2px;z-index:1}.todolist-content-page .todolist-item.todolist-add{border-bottom:none}.todolist-content-page .todolist-item.todolist-add .ta-top{background-color:#fff!important}.todolist-content-page .todolist-item.old-sort-active .ta-title{opacity:.3}.todolist-content-page .todolist-item.new-sort-active:after{display:block}.todolist-content-page .todolist-item:after{background-color:var(--saki-default-color);content:"";display:none;height:1.5px;left:var(--sort-left);position:absolute;top:0;width:calc(100% - var(--sort-left))}.todolist-content-page .todolist-item.blank{height:44px}.todolist-content-page .todolist-item.blank .ta-border-bottom,.todolist-content-page .todolist-item.blank .ta-title{display:none}.todolist-content-page .todolist-item.list-item:not(.blank).showSubtaskInput .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title.count .ta-t-t-title,.todolist-content-page .todolist-item.list-item:not(.blank):hover .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title.count .ta-t-t-title{padding:0 54px 0 0}.todolist-content-page .todolist-item.list-item:not(.blank).showSubtaskInput .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title.count .ta-t-t-title:after,.todolist-content-page .todolist-item.list-item:not(.blank):hover .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title.count .ta-t-t-title:after{transform:translateY(-50%)}.todolist-content-page .todolist-item.list-item:not(.blank).showSubtaskInput .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title.count .ta-t-t-add,.todolist-content-page .todolist-item.list-item:not(.blank):hover .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title.count .ta-t-t-add{display:block}.todolist-content-page .todolist-item.list-item:not(.blank).showSubtaskInput .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title .ta-t-t-title,.todolist-content-page .todolist-item.list-item:not(.blank):hover .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title .ta-t-t-title{padding:0 30px 0 0}.todolist-content-page .todolist-item.list-item:not(.blank).showSubtaskInput .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title .ta-t-t-add,.todolist-content-page .todolist-item.list-item:not(.blank):hover .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title .ta-t-t-add{display:block}.todolist-content-page .todolist-item.list-item:not(.blank):hover{background-color:#f7f7f7}.todolist-content-page .todolist-item.list-item:not(.blank):active{background-color:#f3f3f3}.todolist-content-page .todolist-item .ta-border-bottom{background-color:#eee;bottom:0;height:1px;left:var(--left);position:absolute;width:calc(100% - var(--left))}.todolist-content-page .todolist-item .ta-title{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.todolist-content-page .todolist-item .ta-title .ta-t-input{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:2px 10px 2px 20px;transition:background-color .2s}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left{align-items:center;display:flex;flex:1 1;justify-content:flex-start;padding:2px 6px 2px 0}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title{align-items:center;display:flex;justify-content:flex-start;position:relative}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title.count .ta-t-t-title{padding:0 54px 0 0}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title.count .ta-t-t-title:after{display:flex}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title .ta-t-t-title{align-items:center;cursor:pointer;display:flex;padding:0 30px 0 0;position:relative;transition:color .1s;word-break:break-all}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title .ta-t-t-title.disable{text-decoration:line-through}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title .ta-t-t-title:after{align-items:center;background-color:#eee;border-radius:50%;color:#666;content:attr(data-count);display:none;font-size:12px;height:16px;justify-content:center;position:absolute;right:32px;top:50%;transform:translateY(-50%);width:16px}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-title .ta-t-t-add{display:none;position:absolute;right:-2px;top:50%;transform:translateY(-50%)}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-l-r-bottom{align-items:center;display:flex;justify-content:flex-start}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-l-r-bottom .ta-t-l-r-b-item{align-items:center;display:flex;justify-content:flex-start;margin:4px 10px 0 0}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-left .ta-t-l-right .ta-t-l-r-bottom .ta-t-l-r-b-item span{color:#666;font-size:12px}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-right{align-items:center;display:flex;justify-content:flex-end}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top .ta-t-right .ta-text{coLor:#666;font-size:12px}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-top saki-input{flex:1 1}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-add-subtodo{align-items:center;border:1px solid var(--saki-default-color);border-radius:6px;display:flex;justify-content:space-between;margin:0 10px 10px;padding:0 10px 10px 14px;width:calc(100% - 20px)}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-add-subtodo .ta-b-left{flex:1 1}.todolist-content-page .todolist-item .ta-title .ta-t-input .ta-add-subtodo .ta-b-right{align-items:center;display:flex;justify-content:flex-end;margin:12px 0 0 10px}.todolist-content-page .todolist-item .ta-bottom{align-items:center;display:flex;justify-content:space-between;margin:0 0 10px;padding:0 10px 0 20px;width:100%}.todolist-content-page .todolist-item .ta-bottom .ta-b-left{align-items:center;display:flex;flex:1 1;height:100%}.todolist-content-page .todolist-item .ta-bottom .ta-b-left .ta-b-l-progress{align-items:center;display:flex;margin:10px 0 0;width:240px}.todolist-content-page .todolist-item .ta-bottom .ta-b-left .ta-b-l-progress .TodoListProgress{margin:0 6px 0 0}.todolist-content-page .todolist-item .ta-bottom .ta-b-left .ta-b-l-progress span{color:#666;font-size:12px;white-space:nowrap}.todolist-content-page .todolist-item .ta-bottom .ta-b-right{align-items:center;display:flex;justify-content:flex-end;margin:6px 0 0}.todolist-content-page .todolist-subtask-morecompletedbutton{align-items:center;display:flex;justify-content:center}.todolist-content-page .todolist-subtask-morecompletedbutton.importance{position:relative}.todolist-content-page .todolist-subtask-morecompletedbutton.importance:before{background-color:var(--importance-color);content:"";height:100%;position:absolute;right:0;top:0;width:2px;z-index:1}.todolist-content-page .todolist-subtask-morecompletedbutton saki-icon{transform:rotate(0deg) translateX(0);transition:transform .2s}.todolist-content-page .todolist-subtask-morecompletedbutton.show saki-icon{transform:rotate(180deg) translateX(-5px)}.todolist-content-page .todolist-subtask-morecompletedbutton span{color:#666;font-size:12px}.todolist-content-page .todolistpage-none{align-items:center;color:#999;display:flex;justify-content:center;margin:30px 0}.todolist-filter-dp{padding:14px 16px}.todolist-filter-dp .tr-main{align-items:center;display:grid;grid-template-columns:repeat(3,1fr)}.todolist-filter-dp .tr-main saki-checkbox-item .tf-item{cursor:pointer;margin:6px 12px 6px 2px;-webkit-user-select:none;user-select:none}.todolist-filter-dp .tr-main saki-checkbox-item .tf-item:hover span{-webkit-line-clamp:3;line-clamp:3}.todolist-filter-dp .tr-main saki-checkbox-item .tf-item span{font-size:14px;max-width:100px}.quick-review-page{background-color:#fff;height:100%;position:relative;width:100%}.quick-review-page .qc-main .qc-m-top .qc-m-t-main{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:flex-start;padding:0 10px;width:100%}.quick-review-page .qc-main .qc-m-top .qc-m-t-main .qc-m-t-m-item{align-items:center;border:1px solid #eee;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:13px;justify-content:flex-start;margin:8px 6px;padding:6px 10px;transition:background-color .3s;-webkit-user-select:none;user-select:none}.quick-review-page .qc-main .qc-m-top .qc-m-t-main .qc-m-t-m-item:hover{background-color:#eee}.quick-review-page .qc-main .qc-m-top .qc-m-t-main .qc-m-t-m-item:active{background-color:#ddd}.quick-review-page .qc-main .qc-m-top .qc-m-t-main .qc-m-t-m-item .item-copy-icon{fill:#666;height:12px;margin-left:6px;transform:translateY(1px);transition:width .3s;width:0}.quick-review-page .qc-blank-page{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.note-list-component .note-item{align-items:center;display:flex;height:40px;padding:0;transition:background-color .1s;-webkit-user-select:none;user-select:none}.note-list-component .note-item.add-note{color:var(--default-color)}.note-list-component .note-item .name{font-size:15px;max-width:calc(100% - 17px)}.note-list-component .note-item .icon{fill:#999;height:15px;margin:0 0 0 2px;transform:translateY(1px);width:15px}.mobile-page-content-page{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.sso-page{font-size:14px}.index-layout,.index-layout .il-loading{display:flex;flex-direction:column;height:100%;width:100%}.index-layout .il-loading{align-items:center;background-color:#fff;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .1s;z-index:11111}.index-layout .il-loading.active{opacity:1}.index-layout .il-loading.hide{display:none}.index-layout .il-loading .loading-animation{border-radius:50%;height:50px;margin:auto;position:absolute;top:calc(50% - 40px);transform:translateY(-50%);transform:rotate(1turn);width:50px}.index-layout .il-loading .loading-animation:after,.index-layout .il-loading .loading-animation:before{border-radius:50%;box-sizing:border-box;content:"";position:absolute;transform:rotate(2turn)}.index-layout .il-loading .loading-animation:before{animation:rotate 2s ease-out infinite}.index-layout .il-loading .loading-animation:after{animation:rotate 2s ease-in-out infinite}.index-layout .il-loading .loading-animation:before{border-bottom:3px solid #0000;border-left:3px solid var(--default-color);border-right:3px solid #0000;border-top:3px solid var(--default-color);bottom:0;left:0;right:0;top:0}.index-layout .il-loading .loading-animation:after{border-color:#fff #0000 #0000 #fff;border-style:solid;border-width:7px;bottom:-2px;left:-2px;right:-2px;top:-2px;transition:border-color .3s}@keyframes rotate{to{transform:rotate(0deg)}}.index-layout .il-loading .loading-name{font-size:22px;transform:translateY(60px)}.index-layout .il-loading .loading-logo{height:160px;width:160px}.index-layout .il-loading .loading-logo img{height:100%;width:100%}.index-layout .il-loading .loading-progress-bar{bottom:60px;left:50%;max-width:280px;position:absolute;transform:translateX(-50%);width:100%}.index-layout .il-connection-error{align-items:center;background-color:#f3f3f3;display:flex;justify-content:center;padding:10px 0}.index-layout .il-main{display:flex;flex:1 1;height:calc(100% - 50px);width:100%}.index-layout .il-main>saki-transition{flex:1 1;overflow:hidden}.index-layout .il-main>saki-transition>div{height:100%;width:100%}.mobile-page-animation-enter{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}.mobile-page-animation-enter-active,.mobile-page-animation-enter-done{opacity:1;transform:translateY(0)}.mobile-page-exit-active{opacity:0}.context-menu-item{align-items:center;display:flex;font-size:14px;justify-content:flex-start;padding:0 6px}.context-menu-item .icon{fill:#666;height:16px;margin-right:6px;width:16px}.context-menu-item saki-icon{width:22px}.context-menu-item .item-text{max-width:120px}.context-menu-item.disabletap .icon{fill:#aaa}.page-subtitle{color:#999;font-size:11px;padding:14px 18px 10px}.header-component,.page-subtitle{display:flex;justify-content:space-between}.header-component{--background-color:#fff;--color:#000;align-items:center;background-color:var(--background-color);height:50px;padding:0 10px;position:relative}.header-component.Mobile .qv-h-left.backIcon{flex:none;width:40px}.header-component.Mobile .qv-h-center{justify-content:flex-start}.header-component.Mobile .qv-h-center .qv-h-c-center-title{text-align:left}.header-component .qv-h-left{align-items:center;color:var(--color);display:flex;flex:1 1;height:100%;justify-content:flex-start;position:relative}.header-component .qv-h-left .close,.header-component .qv-h-left .logo{left:0;position:absolute;top:50%;transform:translateY(-50%)}.header-component .qv-h-left .close .close-icon{height:18px;width:18px}.header-component .qv-h-left .logo .logo-info{align-items:center;display:flex;justify-content:flex;-webkit-user-select:none;user-select:none}.header-component .qv-h-left .logo .logo-info img{width:30px}.header-component .qv-h-left .logo .logo-info span{font-size:16px;margin-left:4px}.header-component .qv-h-left .header-left-enter{opacity:0;transition:opacity .3s}.header-component .qv-h-left .header-left-enter-active{opacity:1}.header-component .qv-h-left .header-left-enter-done,.header-component .qv-h-left .header-left-leave{opacity:1;transition:opacity .3s}.header-component .qv-h-left .header-left-leave-active{opacity:0}.header-component .qv-h-left .header-left-leave-done{display:none}.header-component .qv-h-center{align-items:center;display:flex;flex:1 1;justify-content:center}.header-component .qv-h-center .qv-h-c-center-title{display:flex;flex-direction:column;text-align:center}.header-component .qv-h-center .qv-h-c-center-title .title{font-size:16px}.header-component .qv-h-center .qv-h-c-center-title .subtitle{color:#666;font-size:15px}.header-component .qv-h-center .qv-h-c-name{-webkit-app-region:no-drag;align-items:center;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px 10px;transition:background-color .1s;-webkit-user-select:none;user-select:none}.header-component .qv-h-center .qv-h-c-name:hover{background-color:#ddd}.header-component .qv-h-center .qv-h-c-name:active{background-color:#ccc}.header-component .qv-h-center .qv-h-c-name .name{color:var(--color);font-size:16px;font-weight:500}.header-component .qv-h-center .qv-h-c-name .icon{fill:var(--color);height:10px;line-height:16px;margin-left:10px;width:10px}.header-component .qv-h-right{flex:1 1}.header-component .qv-h-right,.header-component .qv-h-right .qv-h-r-connecting{align-items:center;display:flex;justify-content:flex-end}.header-component .qv-h-right .qv-h-r-sync{margin-right:10px}.header-component .qv-h-right .qv-h-r-sync .icon{fill:#666;height:20px;width:20px}.header-component .qv-h-right .qv-h-r-addnote{margin-right:10px}.header-component .qv-h-right .qv-h-r-addnote .icon{fill:#666;height:20px;width:20px}.header-component .qv-h-right .qv-h-r-notemore{margin:0 6px 0 0;padding:0 6px 0 0;position:relative}.header-component .qv-h-right .qv-h-r-notemore:after{background-color:#ddd;content:"";height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.5px}.header-component .qv-h-right .qv-h-r-setting{-webkit-app-region:no-drag;margin-right:10px}.header-component .qv-h-right .qv-h-r-setting .icon{fill:#666;height:20px;width:20px}.header-component .qv-h-right .qv-h-r-user{-webkit-app-region:no-drag;cursor:pointer}.header-component .loading{animation:rotateLoading 1.5s linear infinite}@keyframes rotateLoading{0%{transform:rotate(0deg)}0%{transform:rotate(1turn)}}.add-notebook{color:var(--default-color)}.qv-h-r-u-item{align-items:center;display:flex;justify-content:flex-start}.qv-h-r-u-item .icon{fill:#666;height:16px;margin-right:6px;width:16px}.qv-h-r-fileinfo{border-bottom:1px solid #eee;padding:10px 18px 4px}.qv-h-r-fileinfo .f-location,.qv-h-r-fileinfo .f-size,.qv-h-r-fileinfo .f-time{align-items:center;display:flex;justify-content:space-between;margin:0 0 2px}.qv-h-r-fileinfo .f-location span,.qv-h-r-fileinfo .f-size span,.qv-h-r-fileinfo .f-time span{color:#999;font-size:12px}.settings-component{display:flex;flex-direction:column;height:100%;justify-content:flex-start;-webkit-user-select:none;user-select:none}.settings-component.Mobile .settings-main{position:relative}.settings-component.Mobile .settings-main .settings-m-list-page{width:100%}.settings-component.Mobile .settings-main .settings-m-item-page{background-color:#fff;height:100%;left:100%;padding:10px;position:absolute;top:0;transition:left .3s;width:100%}.settings-component.Mobile .settings-main .settings-m-item-page.active{left:0}.settings-component .settings-main{border-top:1px solid #eee;display:flex;height:calc(100% - 56px);justify-content:space-between}.settings-component .settings-main .settings-m-left{border-right:1px solid #eee;height:100%;width:200px}.settings-component .settings-main .settings-m-main{height:100%;padding:10px 0;width:calc(100% - 200px)}.settings-component .s-account .s-a-profile{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.settings-component .s-account .s-a-profile .s-a-p-nickname{font-size:18px;font-weight:500;margin-top:10px}.settings-component .s-account .s-a-profile .s-a-p-item{width:100%}.setting-about-page .version-info,.settings-component .s-account .s-a-buttons{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.setting-about-page .version-info img{height:80px;margin:10px 0;width:80px}.setting-about-page .version-info .version-code{color:#666}.settings-item-component{padding:8px 10px}.settings-item-component.border{border:1px solid #eee;border-radius:10px;margin-bottom:16px;padding:6px 18px 20px}.settings-item-component .pi-title{font-size:18px;font-weight:600;margin:6px 0}.settings-item-component .pi-subtitle{color:var(--default-color);font-size:16px;font-size:12px;font-weight:500;margin:6px 0}.settings-item-component .pi-main{font-size:14px;width:100%}.settings-item-component .auto-close-window-after-copy{margin-top:10px;width:100%}.settings-item-component .auto-close-window-after-copy,.settings-item-component .s-sync{align-items:center;display:flex;justify-content:space-between}.settings-item-component .s-backup{display:flex;flex-direction:column;justify-content:flex-start}.settings-item-component .s-backup .s-b-path{align-items:center;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 0}.settings-item-component .s-backup .s-b-path .name{padding-right:10px;white-space:nowrap}.settings-item-component .s-backup .s-b-path .content{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:flex-end}.settings-item-component .s-backup .s-b-path .content:hover .path{color:#777}.settings-item-component .s-backup .s-b-path .content:hover .icon{fill:#777}.settings-item-component .s-backup .s-b-path .content:active .path{color:#555}.settings-item-component .s-backup .s-b-path .content:active .icon{fill:#555}.settings-item-component .s-backup .s-b-path .content .path{color:#999;flex:1 1;text-align:right}.settings-item-component .s-backup .s-b-path .content .icon{fill:#999;height:14px;margin-left:6px;width:14px}.settings-item-component .s-backup .s-p-automatically{align-items:center;display:flex;justify-content:space-between;margin:12px 0 8px}.settings-item-component .s-backup .s-p-buttons{align-items:center;display:flex;justify-content:flex-end}.settings-item-component .s-backup .s-p-last-backup-time,.settings-item-component .shortcut-item{align-items:center;display:flex;justify-content:space-between}.settings-item-component .shortcut-item{margin-top:10px}.settings-item-component .shortcut-item .keys{align-items:center;display:flex;justify-content:space-between}.settings-item-component .shortcut-item .keys .key-item{border:1px solid #ccc;border-radius:4px;margin-left:6px;padding:6px 8px}.settings-menu-item{align-items:center;display:flex;justify-content:flex-start}.settings-menu-item .icon{fill:#666;margin-right:6px;transform:translateY(1px);width:20px}.settings-menu-item .name{font-size:16px}.about-links,.about-links .settings-link{align-items:center;display:flex;justify-content:flex-start}.about-links .settings-link{color:#000;cursor:pointer;margin:12px 0}.about-links .settings-link span{margin-left:8px}.about-links .settings-link:hover span{color:#555}.login-component{display:flex;flex-direction:column;justify-content:flex-start}.drag-component,.login-component{height:100%;width:100%}.drag-component .drag-main{align-items:center;background-color:#fff;color:#ccc;display:flex;font-size:26px;height:100%;justify-content:center;width:100%}.aside-content-component{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.aside-content-component.HistoricalVersion,.aside-content-component.ShareNote{flex-direction:column-reverse}.aside-content-component.HistoricalVersion .ac-buttons .ac-b-left,.aside-content-component.HistoricalVersion .ac-buttons .ac-b-right,.aside-content-component.ShareNote .ac-buttons .ac-b-left,.aside-content-component.ShareNote .ac-buttons .ac-b-right{width:60px}.aside-content-component.HistoricalVersion .ac-buttons .delete-button,.aside-content-component.MoveTaskTo .delete-button,.aside-content-component.ShareNote .ac-buttons .delete-button{display:none}.aside-content-component .ac-main{flex:1 1;height:calc(100% - 50px);width:100%}.aside-content-component saki-scroll-view{height:calc(100% - 50px)}.aside-content-component .ac-buttons{align-items:center;background-color:#f7f7f7;border-top:1px solid #eee;display:flex;height:50px;justify-content:space-between;width:100%}.aside-content-component .ac-buttons .ac-b-left,.aside-content-component .ac-buttons .ac-b-right{width:44px}.aside-content-component .ac-drag{background-color:#cdcbcb;bottom:0;cursor:ew-resize;height:100%;left:400px;opacity:0;position:fixed;width:6px}.aside-content-component .ac-drag.drag,.aside-content-component .ac-drag:hover{opacity:1}.todo-side-page{padding:20px}.todo-side-page .ts-title{align-items:center;display:flex;justify-content:flex-start;margin:20px 0;width:100%}.todo-side-page .ts-title saki-input{flex:1 1}.todo-side-page .ts-importance{align-items:center;display:flex;justify-content:flex-start;margin:0 0 20px}.todo-side-page .ts-importance span{color:#666;font-size:12px}.todo-side-page .ts-note{background-color:#f3f3f3;border-radius:10px;margin:0 0 20px;padding:10px 4px 10px 10px}.catalog-page{padding:20px 0}.catalog-page .cp-list{display:flex;flex-direction:column;justify-content:flex-start;margin:10px 0 0}.catalog-page .cp-list .cp-l-item{align-items:flex-start;display:flex;justify-content:flex-start;padding:4px 20px 4px calc(20px + var(--catalog-left));position:relative}.catalog-page .cp-list .cp-l-item:hover span{color:var(--saki-default-color)}.catalog-page .cp-list .cp-l-item.active:before{width:100%}.catalog-page .cp-list .cp-l-item.active:after{border-bottom-color:#fff}.catalog-page .cp-list .cp-l-item.active span{color:#fff}.catalog-page .cp-list .cp-l-item:before{background-color:var(--saki-default-color);content:"";height:100%;left:0;position:absolute;top:0;transition:width .4s;width:0;z-index:-1}.catalog-page .cp-list .cp-l-item span{color:#666;cursor:pointer;font-size:14px;transition:color .2s}.catalog-page .cp-list .cp-l-item span:nth-child(2){padding:0 0 0 4px}.move-task-to-page{display:flex;flex-direction:column;height:100%;padding:0}.move-task-to-page .mtt-title{align-items:center;display:flex;height:36px;justify-content:space-between;margin:4px 0 0;padding:0 16px 0 20px}.move-task-to-page .mtt-title .mtt-t-left{align-items:center;display:flex;justify-content:flex-start}.move-task-to-page .mtt-title .mtt-t-right{align-items:center;display:flex;justify-content:flex-end}.move-task-to-page .mtt-list{flex:1 1;height:100%;padding:0 10px 0 20px;width:100%}.move-task-to-page .mtt-list .mtt-l-item{align-items:center;display:flex;justify-content:space-between}.move-task-to-page .mtt-list .mtt-l-item saki-checkbox-item{flex:1 1}.historical-version-page{display:flex;flex-direction:column;height:100%;padding:10px 0 0;position:relative;width:100%}.historical-version-page .hv-main{flex:1 1;height:calc(100% - 50px);width:100%}.historical-version-page .hv-main .hv-m-list{padding:10px 0}.historical-version-page .hv-main .hv-m-list saki-checkbox-item:hover{background-color:#f7f7f7}.historical-version-page .hv-main .hv-m-list saki-checkbox-item:active{background-color:#eee}.historical-version-page .hv-main .hv-m-list .hv-m-l-item{display:flex;justify-content:space-between;padding:10px 20px 10px 10px;transition:background-color .2s;width:100%}.historical-version-page .hv-main .hv-m-list .hv-m-l-item .item-left{display:flex;flex:1 1;flex-direction:column}.historical-version-page .hv-main .hv-m-list .hv-m-l-item .item-left .item-l-top{margin-bottom:4px}.historical-version-page .hv-main .hv-m-list .hv-m-l-item .item-left .item-l-bottom{align-items:center;display:flex;justify-content:flex-start}.historical-version-page .hv-main .hv-m-list .hv-m-l-item .item-left .item-l-bottom span{padding:0 0 0 4px}.historical-version-page .hv-main .hv-m-list .hv-m-l-item .item-right{display:flex;flex-direction:column;justify-content:center}.find-in-app-modal{background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:10px 0 0;position:relative;width:100%}.find-in-app-modal .fia-header{background-color:#fff;padding:0 0 10px}.find-in-app-modal .fia-header .fia-search{align-items:center;border:1px solid var(--saki-default-color);border-radius:10px;display:flex;justify-content:center;margin:0 10px;width:calc(100% - 20px)}.find-in-app-modal .fia-header .fia-search saki-icon{margin:0 10px}.find-in-app-modal .fia-header .fia-search saki-input{flex:1 1}.find-in-app-modal .fia-main{padding:0 10px}.find-in-app-modal .fia-main .fia-m-result{display:flex;flex-direction:column;justify-content:flex-start;padding:10px 0 0}.find-in-app-modal .fia-main .fia-m-result .fia-r-item{background-color:#f7f7f7;border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin:4px 0;min-height:50px;padding:10px}.find-in-app-modal .fia-main .fia-m-result .fia-r-item:hover{background-color:#eee}.find-in-app-modal .fia-main .fia-m-result .fia-r-item:active{background-color:#ddd}.find-in-app-modal .fia-main .fia-m-result .fia-r-item .fia-r-i-content{color:#999;margin:4px 0 0}.find-in-app-modal .fia-main .fia-m-result .fia-r-item .fia-r-i-bottom{align-items:center;display:flex;justify-content:flex-start;margin:4px 0 0}.find-in-app-modal .fia-main .fia-m-result .fia-r-item .fia-r-i-bottom span{color:#666;font-size:11px}.find-in-app-modal .fia-main .fia-m-result .highlight{color:var(--saki-default-color);font-weight:700}.find-in-app-modal .fia-main .fia-m-none{color:#999;margin:40px 0;text-align:center}.find-in-app-result-page{padding:20px}.find-in-app-result-page .ts-catalog{align-items:center;display:flex;justify-content:flex-start;margin:0 0 20px}.find-in-app-result-page .ts-catalog span{color:#666;font-size:12px}.find-in-app-result-page .ts-title{align-items:center;display:flex;justify-content:flex-start;margin:0 0 20px;width:100%}.find-in-app-result-page .ts-title saki-input{flex:1 1}.find-in-app-result-page .ts-importance{align-items:center;display:flex;justify-content:flex-start;margin:0 0 20px}.find-in-app-result-page .ts-importance span{color:#666;font-size:12px}.find-in-app-result-page .ts-note{background-color:#f3f3f3;border-radius:10px;margin:0 0 20px;padding:10px 4px 10px 10px}.share-note-modal{display:flex;flex-direction:column;padding:20px}.share-note-modal .sn-tip{color:#999}.share-note-modal .sn-permissions{align-items:center;display:flex;justify-content:space-between}.note-permissions-modal{padding:20px}.note-permissions-modal,.note-permissions-modal .np-users .s-u-list{display:flex;flex-direction:column}.note-permissions-modal .np-users .s-u-list .s-u-l-item{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.note-permissions-modal .np-users .s-u-list .s-u-l-item .item-left{align-items:center;display:flex;justify-content:flex-start}.note-permissions-modal .np-users .s-u-list .s-u-l-item .item-right span{color:#999}.cloud-note-modal{display:flex;flex-direction:column;padding:20px}.cloud-note-modal .sn-tip{color:#999}.cloud-note-modal .sn-permissions{align-items:center;display:flex;justify-content:space-between}html{--primary-color:#2254f4;--primary-light-color:#e9eefe;--default-color:#f29cb2;--default-hover-color:#eee;--default-active-color:#fae3e9;font-family:Roboto,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px}@media screen and (max-width:767px){html{font-size:16px}}body,html{background-color:#fff;width:100%}.body-modal{box-sizing:border-box;overflow:hidden;padding-right:17px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}input:-ms-input-placeholder,input::-moz-placeholder,input::-webkit-input-placeholder,input::placeholder{font-size:12px!important}ol,ul{list-style:none}a{text-decoration:none}.clearfix:after,.clearfix:before{clear:both;content:"";display:block;height:0;line-height:0;overflow:hidden;visibility:hidden}.text-elipsis,.text-three-elipsis,.text-two-elipsis{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-elipsis{-webkit-line-clamp:1;line-clamp:1}.text-two-elipsis{-webkit-line-clamp:2;line-clamp:2}.text-three-elipsis{-webkit-line-clamp:3;line-clamp:3}.text-wrap{word-wrap:break-word;overflow:hidden}.mui-btn,button,input[type=button],input[type=reset],input[type=submit]{background-clip:padding-box;border:1px solid #fff0;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;height:32px;line-height:1.42;margin-bottom:0;outline:none;padding:6px 12px;position:relative;text-align:center;transition:all;transition-duration:.2s;transition-timing-function:linear;vertical-align:top;white-space:nowrap}.none-select{-webkit-user-select:none;user-select:none}input.aiiko{border:1px solid #eee;border-radius:5px;color:#555;font-size:14px;height:40px;margin:5px 0;outline:none;padding:5px 10px;width:100%}input.aiiko:-ms-input-placeholder,input.aiiko::-moz-placeholder,input.aiiko::-webkit-input-placeholder{font-size:12px!important}button.aiiko{background-color:#f29cb2;background-color:var(--default-color);border:1px solidvar(--default-color);border-radius:5px;color:#fff;cursor:pointer;height:40px;margin:5px 0 0;outline:none;transition:all .3s;width:100%}button.aiiko:hover{background-color:#eee;background-color:var(--default-hover-color)}button.aiiko:active{background-color:#fae3e9;background-color:var(--default-active-color)}.noneUserSelect{-webkit-user-select:none;user-select:none}.gray-mode{-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}.black-mode{overflow:hidden}.black-mode,.black-mode .disabled-dark,.black-mode img,.black-mode saki-button[disabled-dark=true],.black-mode saki-images{filter:invert(1) hue-rotate(180deg)}.dark-mode{filter:contrast(.96) brightness(.9) invert(1) hue-rotate(180deg);overflow:hidden}.dark-mode .disabled-dark,.dark-mode img,.dark-mode saki-button[disabled-dark=true],.dark-mode saki-images{filter:contrast(1.1) brightness(1) invert(1) hue-rotate(180deg)}.black-mode .model-bg,.dark-mode .model-bg{background-color:#fff9}@media(prefers-color-scheme:dark){.system-mode{filter:contrast(.96) brightness(.9) invert(1) hue-rotate(180deg);overflow:hidden}.system-mode .disabled-dark,.system-mode img,.system-mode saki-button[disabled-dark=true],.system-mode saki-images{filter:contrast(1.1) brightness(1) invert(1) hue-rotate(180deg)}.system-mode .model-bg{background-color:#fff9}}
/*# sourceMappingURL=main.2a47c369.css.map*/