body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}html,p{margin:0;padding:0}.todos-wrap{position:relative;width:100%;height:100vh;padding-bottom:30px;box-sizing:border-box;background-color:#fbfbfb}.todos-body{position:relative;height:calc(100vh - 120px);overflow-y:auto}.todos-body.not-login{overflow:hidden}.todos-body.not-login:before{-webkit-filter:blur(5px);filter:blur(5px);content:"";width:100%;height:100%;background-color:rgba(127,255,212,.8)}.todos-body.not-login:after,.todos-body.not-login:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.todos-body.not-login:after{content:"去登录";width:100px;height:50px;line-height:50px;background-color:rgba(0,0,0,.2);box-shadow:0 0 5px #fff;cursor:pointer}.todos-body .loading-wrap{z-index:9999;width:100%;height:100%}.todos-body .loading-wrap,.todos-body .loading-wrap .loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.todos-body .loading-wrap .loading{display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;-webkit-animation:loading-rotate .8s linear infinite;animation:loading-rotate .8s linear infinite}.todos-body .loading-wrap .loading .loading-svg{color:#90ee90;font-size:0;display:block;width:100%;height:100%}.todos-body .loading-wrap .loading .loading-svg circle{-webkit-animation:loading-circular 1.5s ease-in-out infinite;animation:loading-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.todos-operation{display:-webkit-flex;display:flex;position:absolute;left:0;bottom:0;width:100%;height:30px;background:linear-gradient(#32cd32,transparent),linear-gradient(90deg,#87ceeb,transparent),linear-gradient(-90deg,coral,transparent);background-blend-mode:screen}.todos-operation .operation-input{-webkit-flex:1 1;flex:1 1;color:#000;padding:0 10px;border:0;outline:0 none;background-color:transparent}.todos-operation .apply{font-size:14px;width:10%;color:#fff;line-height:30px;padding:0 10px;background-color:rgba(0,0,0,.1)}.todos-operation .apply:active{color:#006a6d;background-color:#e9f9fa}.todos-operation .apply:hover{background-color:rgba(0,0,0,.2)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px hsla(0,0%,79.2%,0);background-color:#fff;border-radius:3px}::-webkit-scrollbar-thumb{border-radius:7px;-webkit-box-shadow:inset 0 0 6px #c2bbbb;background-color:#e8e8e8}::-webkit-scrollbar-corner{background:khaki}@-webkit-keyframes loading-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes loading-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.todos-item{height:30px;padding-left:12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:left;color:#008b8b;box-sizing:border-box}.todos-item:hover{color:#18b1b1;background-color:#f6f7f7}.item-content{width:88%}.edit-icon{cursor:pointer;color:#00bfff}.close-icon,.solve-icon{width:4%;height:20px;line-height:20px;font-size:16px;border:0;outline:0 none}.close-icon:hover,.solve-icon:hover{color:#00bfff}.solve-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.close-icon{cursor:pointer;background:unset}.todos-item.is-finish{color:#ccc}.todos-item.is-finish .item-content{text-decoration:line-through}.todos-item.is-finish .close-icon,.todos-item.is-finish .solve-icon,.todos-item.is-finish:hover{color:#999}.todos-item.todos-item-edit{outline:1px dashed #18b1b1}.todos-item.todos-item-edit .edit-content{height:100%;-webkit-flex:1 1;flex:1 1;border:0;outline:0 none}.check-box{position:relative;display:-webkit-flex;display:flex;width:12px;height:12px;line-height:12px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border:1px solid #666;cursor:pointer}.check-box.--solved{border-color:#7ddd7d}.check-box.--solved:before{width:6px;height:.8px;left:0;bottom:4px}.check-box.--solved:after,.check-box.--solved:before{content:"";background-color:#7ddd7d;-webkit-transform:rotate(40deg);transform:rotate(40deg);position:absolute}.check-box.--solved:after{width:.8px;height:12px;left:8px;bottom:1px}.viavacos{display:inline-block;margin:auto 7px auto 24px;width:7px;height:7px;border-color:#f39b9b #fff700 #989898 #0898af;border-style:solid dotted solid dashed;border-width:7px;border-radius:50%;vertical-align:middle}.todos-header{display:-webkit-flex;display:flex;position:relative;text-align:left;height:55px;line-height:55px;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-app-region:drag;background:linear-gradient(#32cd32,transparent),linear-gradient(90deg,#87ceeb,transparent),linear-gradient(-90deg,coral,transparent);background-blend-mode:screen;overflow:hidden}.todos-header .todos-title{display:inline-block;vertical-align:middle;color:#5f9ea0}.todos-header .search{margin:auto auto auto 10%;display:inline-block;-webkit-app-region:no-drag}.todos-header .close-btn{position:absolute;top:0;right:10px;text-align:center;width:36px;height:100%;font-size:20px;color:#424041;-webkit-app-region:no-drag}.todos-header .close-btn:hover{color:#fff}.todos-header .mini-btn{position:absolute;top:0;right:46px;width:36px;text-align:center;height:100%;font-size:20px;color:#424041;-webkit-app-region:no-drag}.todos-header .mini-btn:hover{color:#fff}.todos-header .user-info{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:absolute;right:180px}.todos-header .user-info .head-icon{width:30px;height:30px;background-repeat:no-repeat;background-size:cover;border-radius:50%;margin-right:5px;cursor:pointer}.todos-header .user-info .user-name{color:#efe3e3;font-size:13px}.todos-header .user-info .user-name span{cursor:pointer}.version{margin-left:4px;font-size:12px;padding:0 4px;color:#5f9ea0;vertical-align:top;background-color:hsla(0,0%,100%,.3)}.starry{position:absolute;top:0;left:10%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:4px;width:4px;border-radius:50%;box-shadow:-26px 77px 0 -1px #fff,-36px 59px 0 -1px hsla(0,0%,100%,.1),-28px 89px 0 -1px hsla(0,0%,100%,.1),-35px 20px 0 -1px #fff,14px 100px #fff,41px 60px hsla(0,0%,100%,.1),34px 39px #fff,14px 45px 0 -1px hsla(0,0%,100%,.1),64px 12px 0 -1px #fff,32px 96px 0 -1px hsla(0,0%,100%,.1),64px 71px #fff,60px 18px 0 -1px hsla(0,0%,100%,.1),34px 9px #fff,-26px 55px 0 -1px hsla(0,0%,100%,.1);-webkit-animation:starry_star 5s ease-in-out infinite;animation:starry_star 5s ease-in-out infinite}@-webkit-keyframes starry_star{50%{box-shadow:-26px 77px 0 -1px hsla(0,0%,100%,.1),-36px 59px 0 -1px #fff,-28px 89px 0 -1px #fff,-35px 20px 0 -1px hsla(0,0%,100%,.1),14px 100px hsla(0,0%,100%,.1),41px 60px #fff,34px 39px hsla(0,0%,100%,.1),14px 45px 0 -1px #fff,64px 12px 0 -1px hsla(0,0%,100%,.1),32px 96px 0 -1px #fff,64px 71px hsla(0,0%,100%,.1),60px 18px 0 -1px #fff,34px 9px hsla(0,0%,100%,.1),-26px 55px 0 -1px #fff}}@keyframes starry_star{50%{box-shadow:-26px 77px 0 -1px hsla(0,0%,100%,.1),-36px 59px 0 -1px #fff,-28px 89px 0 -1px #fff,-35px 20px 0 -1px hsla(0,0%,100%,.1),14px 100px hsla(0,0%,100%,.1),41px 60px #fff,34px 39px hsla(0,0%,100%,.1),14px 45px 0 -1px #fff,64px 12px 0 -1px hsla(0,0%,100%,.1),32px 96px 0 -1px #fff,64px 71px hsla(0,0%,100%,.1),60px 18px 0 -1px #fff,34px 9px hsla(0,0%,100%,.1),-26px 55px 0 -1px #fff}}.colorful-stripe{background:linear-gradient(#32cd32,transparent),linear-gradient(90deg,#87ceeb,transparent),linear-gradient(-90deg,coral,transparent);background-blend-mode:screen;-webkit-animation:colorfulStripeChange 5s linear infinite alternate;animation:colorfulStripeChange 5s linear infinite alternate}@-webkit-keyframes colorfulStripeChange{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes colorfulStripeChange{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.search-wrap{display:-webkit-flex;display:flex;padding:4px 12px;height:28px;line-height:28px;border-radius:24px;background-color:rgba(0,0,0,.1)}.search-icon{color:#666;margin-right:6px;vertical-align:middle}.search-icon:before{content:"🔍"}.search-body{outline:0 none;border:0;background-color:transparent}#my-dialog-wrap{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);z-index:99999}.my-dialog{position:fixed;top:50%;left:50%;width:300px;font-size:14px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border-radius:6px;box-shadow:0 0 16px #ccc}.my-dialog-title{color:#006a6d;height:26px;line-height:26px;padding:2px 8px;border-bottom:1px solid #5f9ea0}.my-dialog-content{height:96px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.my-dialog-operation{display:-webkit-flex;display:flex;border-top:1px solid #5f9ea0}.my-dialog-operation .cancel,.my-dialog-operation .confirm{-webkit-flex:1 1;flex:1 1;height:30px;line-height:30px;text-align:center}.my-dialog-operation .cancel{color:#ccc}.my-dialog-operation .confirm{color:#666;border-left:1px solid #5f9ea0}.my-dialog-operation .cancel:active,.my-dialog-operation .confirm:active{color:#fff;background-color:rgba(0,0,0,.3)}.my-dialog-operation .cancel:hover,.my-dialog-operation .confirm:hover{background-color:rgba(0,0,0,.1)}@font-face{font-family:"iconfont";src:url(/vTodos/static/media/iconfont.4df09ded.woff2) format("woff2"),url(/vTodos/static/media/iconfont.a9b3082f.woff) format("woff"),url(/vTodos/static/media/iconfont.452f6518.ttf) format("truetype")}.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-ashbin:before{content:""}.i-complete:before{content:""}.i-edit:before{content:""}
/*# sourceMappingURL=main.6649d3a4.chunk.css.map */