:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;width:100vw;height:100vh}#root{width:100%;height:100%}.login{background:linear-gradient(112deg,#0A2544 0%,rgba(21,56,98,.93) 100%);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login .logo{position:absolute;z-index:1}.login .panel{width:500px;position:relative;z-index:2;height:500px;border-radius:50%;background:rgba(156,156,156,.15);box-shadow:0 4px 10px #00000040;-webkit-backdrop-filter:blur(22.5px);backdrop-filter:blur(22.5px);padding:60px;display:flex;flex-direction:column;align-items:center}.login .panel .title{font-size:2rem;font-weight:600;color:#fff;margin-bottom:2rem}.login .panel .input{margin:1rem 0;width:80%;border-radius:4px;border:2px solid rgba(255,255,255,.527)}.login .panel .input svg{fill:#fff}.login .panel .input input{color:#fff}.login .panel .submit{position:absolute;bottom:120px}.login .panel .submit button{padding:0 2rem}.cardformat{border-radius:.5rem;box-shadow:0 4px 4px #00000040}.textDangerous{color:#fd5555}.textSuccess{color:#4bdfaa}.textNormal{color:#65b6ff}.listpage{width:100%;height:100%;background-color:#fff;padding:1rem}.listpage .title{font-weight:620;color:#393939;display:flex;align-items:center;margin-bottom:2rem;font-size:1.5rem}.listpage .title .addbtn{margin-bottom:5px;margin-left:1rem}.listpage .picbotListActions{display:flex;width:60px;font-size:1.2rem;justify-content:space-between}.listpage .picbotListActions .action{cursor:pointer;color:#65b6ff}.listpage .picbotListActions .action:hover{text-decoration:underline}.picbotsCardList{padding:0 1rem;overflow-y:auto;height:90%;overflow-x:hidden;position:relative}.picbotsCardList .empty{width:100%;height:400px;display:flex;justify-content:center;align-items:center}.picbotsCardList .picbotListActions{position:absolute;right:-15px;flex-direction:column}.picbotsCardList .picbotListActions .action{border-radius:.5rem;display:flex;width:40px;height:40px;color:#fff;justify-content:center;background-color:#326de1;margin-bottom:1rem;box-shadow:0 4px 4px #00000040}.picbotsCardList .picbotCard .top{display:flex}.picbotsCardList .picbotCard .top .info .title{font-size:1.2rem;margin-bottom:0}.picbotsCardList .picbotCard .top .info .description{font-size:12px;color:#909090}.picbotsCardList .picbotCard .image{height:300px;max-width:100%;display:flex;justify-content:center}.picbotsCardList .picbotCard .image img{height:100%}.picbotsCardList .picbotCard .bottom .area{display:flex;height:50px}.picbotsCardList .picbotCard .bottom .area .text{font-size:12px;color:#909090}.picbotsCardList .picbotCard .bottom .area .text .bootTime{font-size:1.5rem;font-weight:600;color:#393939;margin-top:.2rem}.picbotsCardList .picbotCard .bottom .area .text .bootTime .time{font-size:.75rem}.picbotsCardList .picbotCard .bottom .area .text .temp{display:flex;font-size:1.75rem;font-weight:600;width:80px;align-items:end}.picbotsCardList .picbotCard .bottom .area .text .temp .c{font-size:18px;margin-bottom:2px}.PicbotView{max-width:1400px}.PicbotView .controlBar .btn{display:flex;flex-direction:column;min-width:80px}.PicbotView .controlBar .btn .title{font-size:12px}.PicbotView .controlBar .btn .icons{cursor:pointer;font-size:18px}.PicbotView .controlBar .btn .icon{cursor:pointer;margin-top:.5rem;font-size:18px;background-color:#d9d9d9;width:40px;display:flex;justify-content:center;align-items:center;border-radius:100px;height:40px}.PicbotView .controlBar .btn:hover .icon{background-color:#326de1;color:#fff;transition:all .2s ease-in-out}.PicbotView .picbotPic{display:flex;justify-content:center;align-items:center}.PicbotView .picbotPic img{max-width:600px}.PicbotView .picbotName{min-height:94px}.PicbotView .picbotName .title{font-size:12px;color:#909090}.PicbotView .picbotName .name{margin-top:1rem;font-size:1.2rem;font-weight:700;display:flex;justify-content:space-between;position:relative}.PicbotView .picbotName .name svg{font-size:1.2rem;font-weight:300;color:#909090;cursor:pointer}.PicbotView .picbotName .subName{font-size:12px}.PicbotView .picbotPulse{height:93px}.PicbotView .picbotPulse .pulse{height:100px;width:200px;overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.PicbotView .picbotPulse .pulse:after{content:"";background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200px 100px"><polyline fill="none" stroke-width="3px" stroke="rgb(60, 194, 83)" points="2.4,58.7 70.8,58.7 76.1,46.2 81.1,58.7 89.9,58.7 93.8,66.5 102.8,22.7 110.6,78.7 115.3,58.7 126.4,58.7 134.4,54.7 142.4,58.7 197.8,58.7 "/></svg>') 0 0 no-repeat;width:100%;height:100%;position:absolute;animation:3s pulse infinite linear}.PicbotView .picbotPulse .pulse:before{content:"";background:#444;position:absolute;z-index:-1;left:2px;right:2px;bottom:0;top:16px;margin:auto;height:3px}.PicbotView .picbotPulse .dead.pulse:after{content:"";display:block;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200px 3px"><rect marginTop="200" width="200" height="3px" fill="rgb(94, 94, 94)"/></svg>') 0 0 no-repeat;width:100%;height:100%;margin-top:55px;animation:3s pulse infinite linear}@keyframes pulse{0%{clip:rect(0,0,100px,0)}10%{clip:rect(0,66.6666666667px,100px,0)}38%{clip:rect(0,133.3333333333px,100px,0)}48%{clip:rect(0,200px,100px,0)}52%{clip:rect(0,200px,100px,0)}62%{clip:rect(0,200px,100px,66.6666666667px)}90%{clip:rect(0,200px,100px,133.3333333333px)}to{clip:rect(0,200px,100px,200px)}}.PicbotView .picbotState{display:flex;justify-content:space-between;height:100px;max-width:100%;overflow:hidden}.PicbotView .picbotState .title{color:#909090}.PicbotView .picbotState .bottom{font-size:2rem;font-weight:760}.PicbotView .picbotState .bottom.picbotBootTime{font-size:1.1rem;margin-top:1rem;max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PicbotView .maxWidth .icon{font-size:1.5rem;color:#fff;width:40px;height:40px;background-color:#326de1;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:1rem}.PicbotView .picbotEvent{display:flex;align-items:center}.PicbotView .picbotEvent .name .title{font-size:1.2rem;font-weight:660}.PicbotView .picbotEvent .name .subTitle{font-size:12px;color:#909090;display:flex}.PicbotView .picbotEvent .name .subTitle .contact{margin-left:1rem}.PicbotView .picbotEvent .coming{float:left;margin-left:auto;display:none}.PicbotView .themeGroupSelect{display:flex;align-items:center}.PicbotView .themeGroupSelect .select{width:50%}.PicbotView .themeGroupSelect .handle{color:#909090;cursor:pointer;float:left;margin-left:auto;font-size:1.2rem;margin-right:1rem}.PicbotView .themeGroupSelect .handle:hover svg{color:#326de1;transition:all .2s ease-in-out}.PicbotView .picbotEvent.comingSoon{background-color:#d9d9d9}.PicbotView .picbotEvent.comingSoon .icon{background-color:transparent}.PicbotView .picbotEvent.comingSoon .name .title{font-size:1.2rem;font-weight:660}.PicbotView .picbotEvent.comingSoon .name .subTitle{font-size:12px;color:#909090}.PicbotView .picbotEvent.comingSoon .coming{float:left;margin-left:auto;display:block}.dashboard{font-size:16px;max-width:1400px}.dashboard .usePerscent{display:flex;align-items:center}.dashboard .usePerscent .left{width:35%;height:100%}.dashboard .usePerscent .left .title{font-weight:600}.card{padding:1rem;border-radius:8px;background:#fff;box-shadow:0 4px 4px #00000040;width:100%}@media (max-width: 1024px){.card{width:1024px}}.card-md{padding:1rem;border-radius:8px;background:#fff;box-shadow:0 4px 4px #00000040;width:100%;min-height:300px;flex-shrink:0}.card-md .title{font-weight:600}.card-sm{padding:1rem;border-radius:8px;background:#fff;box-shadow:0 4px 4px #00000040;width:300px;height:150px;flex-shrink:0}.card-sm .b{display:flex;align-items:center;justify-content:center;font-weight:600;margin-top:1rem;font-size:2.5rem;position:relative}.card-sm .b .bar{position:absolute;width:8px;top:-15px;border-radius:6px;right:40px;background-color:#d9d9d9;height:80px}.card-sm .b .innerValue{position:absolute;border-radius:6px;background-color:#4bdfaa;width:8px;height:20px;right:40px;bottom:-5px}.card-sm .b .right{font-size:2.5rem;color:#326de1;position:absolute;right:40px}.weeklyR,.PieR{width:100%;height:100%;padding:1rem}.stateComponent{display:flex;align-items:center}.stateComponent .state{margin-right:1rem;width:10px;height:10px;border-radius:50%}.stateComponent .stateBig{margin-right:1rem;width:25px;height:25px;border-radius:50%}.stateComponent .online{background-color:#4bdfaa}.stateComponent .offline{background-color:#d9d9d9}.stateComponent .error{background-color:#fd5555;animation:breath 2s infinite}.stateComponent .text.offlinetext{color:#909090}.stateComponent .errorText{color:#fd5555}@keyframes breath{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.barState{width:8px;position:relative;height:100%}.barState .bar{width:100%;position:absolute;height:100%;border-radius:6px;background-color:#d9d9d9;display:block}.barState .innerValue{position:absolute;border-radius:6px;width:8px;bottom:0}.barState .normal.innerValue{background-color:#65b6ff;height:50%}.barState .safe.innerValue{background-color:#4bdfaa;height:30%}.barState .dangerous.innerValue{background-color:#fd5555;height:90%}.barState .innerValue.high{height:90%}.barState .innerValue.normal{height:50%}.barState .innerValue.low{height:30%}.templates .thumbnail{display:flex;justify-content:center;align-items:center;height:80px;width:100%}.templates .thumbnail img{max-width:50px;max-height:80px}.templates .top{height:80px;display:flex;justify-content:space-between;align-items:center}.templates .top .title{align-items:center;display:flex;height:100%;margin-top:auto}.templates .top .title button{margin-left:1rem}.templates .top .search{min-width:200px}.templates .top .display{font-size:1.2rem;color:#d9d9d9;display:flex}.templates .top .display .icon{margin:0 1rem;cursor:pointer}.templates .top .display .icon.active{color:#326de1}.templates .actions{display:flex;font-size:1.2rem}.templates .actions .action{margin-right:1.5rem;color:#65b6ff;cursor:pointer}.templates .actions .action:hover{opacity:.7}.templates .addbtn{display:flex;align-items:center}.templates .cardList{padding:.5rem;max-height:calc(100% - 100px);overflow-y:auto;overflow-x:hidden}.templates .cardList .empty{width:100%;height:600px;display:flex;justify-content:center;align-items:center}.templates .cardList .templateCard{padding:0;overflow:hidden}.templates .cardList .templateCard .image{display:flex;justify-content:center;align-items:center;height:250px;overflow:hidden;width:100%;position:relative}.templates .cardList .templateCard .image img{max-width:100%;max-height:100%;position:absolute;object-fit:fill;background-color:#fff}.templates .cardList .templateCard .image .defaultImage{font-size:2rem;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f1f1f1}.templates .cardList .templateCard .image .defaultImage div{font-size:14px;margin-top:1rem}.templates .cardList .templateCard .info{padding:.5rem .25rem}.templates .cardList .templateCard .info .title{font-size:1rem;margin:0 0 .5rem}.templates .cardList .templateCard .info .description{color:#909090;font-size:12px;min-height:40px}.templates .cardList .templateCard .actions{display:flex;width:100%;border-top:1px solid #D9D9D9;padding:.25rem 0;justify-content:space-around}.templates .cardList .templateCard .actions .action{margin:0}.listpage.templates{overflow-y:auto}.addTemplate .input{margin-bottom:1rem}.addTemplate .input .ant-picker.ant-picker-range,.addTemplate .input .ant-select{width:100%}.addTemplate .uploadFile{width:100%;height:180px;display:flex;border-radius:.5rem;background-color:#f1f1f1;border:1px dashed #cccccc;cursor:pointer;justify-content:center;align-items:center}.addTemplate .uploadFile img{max-height:100%}.addTemplate .uploadFile video{max-height:100%}.addTemplate .uploadFile .upload{display:flex;justify-content:center;align-items:center;flex-direction:column}.addTemplate .uploadFile .upload:hover{opacity:.5;border-color:#65b6ff}.addTemplate .uploadFile .upload svg{font-size:1.75rem;color:#393939;margin-bottom:.5rem}.addTemplate .uploadFile .upload div{font-size:12px;color:#393939}.addTemplate .timerange.input{margin:1rem 0}.addTemplate .uploadThumbnallForAddTemplate .ant-upload-select.ant-upload{width:100%!important;height:200px}.editTemplateList .info .saveBtn{display:flex;margin-top:auto;align-items:end;height:100%}.cdnList{max-height:720px;overflow-y:auto}.cdnList .cardList{min-height:500px;max-height:100%}.cdnList .cardList .loading{height:60px;width:100%;justify-content:center;align-items:center;display:flex;opacity:1}.cdnList .cardList .loading.dnone{opacity:0;transition:all .3s ease-in-out}.cdnList .cardList .empty{width:100%;height:500px;display:flex;align-items:center;justify-content:center}.cdnList .cardList .photoCard{position:relative}.cdnList .cardList .photoCard .video{width:100%;height:100%}.cdnList .cardList .photoCard .video .preview{display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:relative;cursor:pointer;background-color:#d9d9d9}.cdnList .cardList .photoCard .video .preview .ant-spin{position:absolute;z-index:1}.cdnList .cardList .photoCard .video .preview .ant-spin .spin{color:#909090}.cdnList .cardList .photoCard .video .preview video{position:absolute;z-index:2;width:100%;height:100%}.cdnList .cardList .photoCard .video .preview video:hover{opacity:.7}.cdnList .cardList .photoCard .video .preview .blocker{opacity:0;position:absolute;z-index:3;background-color:#000;width:100%;height:100%}.cdnList .cardList .photoCard .video .preview:hover .blocker{opacity:.3;transition:all .2s ease-in-out}.cdnList .cardList .photoCard .ant-image{width:100%}.cdnList .cardList .photoCard .info{padding:.5rem 1rem;min-height:75px}.cdnList .cardList .photoCard .info .title{margin:0}.cdnList .cardList .photoCard .info .description{color:#909090;font-size:12px;min-height:0px}.cdnList .cardList .photoCard .actions{position:absolute;z-index:-2;height:200px;display:flex;align-items:center;top:0;background-color:#00000080;opacity:0}.cdnList .cardList .photoCard .actions .action{font-size:32px;color:#fff}.cdnList .cardList .photoCard:hover .actions{opacity:1;z-index:2}.cdnList .cdn.thumbnail{cursor:pointer;width:30px;margin:0 0 0 2rem}.cdnList .cdn.thumbnail img:hover{opacity:.77;transition:all .2s ease-in-out}.cdn.listpage .top{max-height:40px}.cdn.listpage .top .left{min-width:600px}.cdn.listpage .top .title{margin-bottom:0}.cdn.listpage .top .display{justify-content:end}.cdn.listpage .top .display .ant-row{width:100%}.cdn.listpage .top .display .icon{font-size:1.2rem}.cdn.listpage .top .display .productType{display:flex;align-items:center;color:#909090}.cdn.listpage .top .display .productType .icon{font-size:1.2rem;width:30px;margin:0 .5rem;cursor:pointer;color:#909090}.cdn.listpage .top .display .productType .icon svg{color:#909090;font-size:1.2rem}.cdn.listpage .top .display .productType .active{color:#326de1}.videoForCDNPreview{margin:2rem 0;width:100%;height:600px}.videoForCDNPreview video{width:100%;height:100%}.analytics .info .input .title{margin-bottom:.5rem}.templateCard.resourceCard .image .video{cursor:pointer;height:100%;width:100%}.templateCard.resourceCard .image .video .preview{position:relative;display:flex;height:100%;width:100%;align-items:center;justify-content:center}.templateCard.resourceCard .image .video .preview .spin{position:absolute;display:flex}.templateCard.resourceCard .image .video .preview video{display:block;width:100%;position:absolute;z-index:4}.templateCard.resourceCard .info .version{min-height:0px;color:#909090;font-size:12px}.layout{height:100vh}.main{padding:1.5rem;color:#393939;height:100%;overflow-y:auto}.ant-layout-header{display:flex;justify-content:space-between}.ant-layout-header .logo{color:#fff;font-weight:600;display:flex;font-size:1.5rem;align-items:baseline;cursor:pointer}.ant-layout-header .logo .version{font-size:12px;margin-left:.5rem}.ant-layout-header .headerRightSide .darkmodeButton{justify-self:end;margin-right:2rem}.ant-layout-header .headerRightSide .avatar{justify-self:end}