@charset "UTF-8";.mr-setting-panel{display:flex;flex-direction:column;position:relative;padding:0 0 6px;margin-bottom:10px;height:100%;overflow:auto}.mr-setting-panel__header{display:flex}.mr-setting-panel__header>p{margin-left:16px;color:hsla(0,0%,100%,.6);font-size:12px;line-height:34px}.mr-setting-panel__header>p>i{font-size:16px;vertical-align:middle}.mr-setting-panel__contain{padding-top:24px;flex-grow:1;min-height:0}.mr-setting-panel__contain>div.mr-setting-panel__drag{margin-right:0;margin-bottom:0}.mr-setting-panel__contain .mr-setting-panel__drag>div,.mr-setting-panel__contain>div{margin-right:8px;margin-bottom:16px}.mr-setting-panel__contain .mr-setting-panel__contain-upload{flex-direction:column;justify-content:center;align-items:stretch;text-align:center;cursor:pointer;height:105px;display:inline-block;width:142px;border:1px solid transparent}.mr-setting-panel__contain .mr-setting-panel__contain-upload>div{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between}.mr-setting-panel__contain .mr-setting-panel__contain-upload>div>div{position:relative;padding:0 16px;width:100%;white-space:nowrap;flex:1;cursor:pointer;background-color:#292c47;border-radius:4px;border:1px dashed hsla(0,0%,100%,.17);font-size:12px;color:hsla(0,0%,100%,.6);display:flex;align-items:center}.mr-setting-panel__contain .mr-setting-panel__contain-upload>div>div>i{margin-right:8px;width:24px;height:24px;opacity:.6}.mr-setting-panel__contain .mr-setting-panel__contain-upload>div>div:first-child{margin-bottom:8px}.mr-setting-panel__contain .mr-setting-panel__contain-upload>div>div:last-child{margin-bottom:0}.mr-setting-panel__contain .mr-setting-panel__contain-upload>div>div:hover{background-color:#3c4067;color:hsla(0,0%,100%,.9)}.mr-setting-panel__contain .mr-setting-panel__contain-upload>div>div:hover>i{opacity:1}.mr-setting-panel__contain .mr-setting-panel__contain-upload>div>div>input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.mr-setting-panel__contain-upload2{font-size:14px;color:hsla(0,0%,100%,.9);border:1px dashed hsla(0,0%,100%,.16);background:#323552;border-radius:4px;line-height:16px;padding:7px 12px;display:inline-block;cursor:pointer}.mr-setting-panel__contain-upload2:hover{background-color:#454972}.mr-setting-panel__contain-upload2>i{width:16px;height:16px;margin-right:5px;vertical-align:top}.mr-setting-panel__more{text-align:center}.mr-setting-panel__more>span{cursor:pointer;color:#477dea}.mr-setting-panel__mob .mr-setting-panel__contain .mr-setting-panel__drag>div{margin-right:0;margin-bottom:0}.mr-setting-panel__material{margin-right:3px;position:relative;display:inline-block;vertical-align:top;font-size:0}.mr-setting-panel__material>.mr-setting-panel__material-wrap{position:relative;overflow:hidden}.mr-setting-panel__material>.mr-setting-panel__material-wrap:before{content:"";display:block;padding-top:56.25%}.mr-setting-panel__material>.mr-setting-panel__material-wrap.mr-setting-panel__material-wrap-half:before{content:"";display:block;padding-top:28.125%}.mr-setting-panel__material>.mr-setting-panel__material-wrap>div{position:absolute;top:0;bottom:0;left:0;right:0}.mr-setting-panel__material.mr-setting-panel__material-inline{border-radius:4px;overflow:hidden;border:1px solid hsla(0,0%,100%,.08)}.mr-setting-panel__material.mr-setting-panel__material-inline.mr-setting-panel__material-inline-hover{cursor:pointer}.mr-setting-panel__material.mr-setting-panel__material-inline.mr-setting-panel__material-inline-hover:hover{border-color:#477dea}.mr-setting-panel__material.mr-setting-panel__material-inline.mr-setting-panel__material-selected{border-color:hsla(0,0%,100%,.08)}.mr-setting-panel__material.mr-setting-panel__material-inline.mr-setting-panel__material-selected:hover{border-color:#477dea}.mr-setting-panel__material.mr-setting-panel__material-inline.mr-setting-panel__material-selected .mr-setting-panel__material-title{background-color:#477dea;color:#fff}.mr-setting-panel__material.mr-setting-panel__material-inline.mr-setting-panel__material-selected .mr-setting-panel__material-title>span{color:hsla(0,0%,100%,.9)}.mr-setting-panel__material.mr-setting-panel__material-inline.mr-setting-panel__material-active{border-color:#e35555!important}.mr-setting-panel__material.mr-setting-panel__material-inline.mr-setting-panel__material-active .mr-setting-panel__material-title{background:#e35555;color:#fff}.mr-setting-panel__material.mr-setting-panel__material-inline.mr-setting-panel__material-active .mr-setting-panel__material-title>span{color:hsla(0,0%,100%,.9)}.mr-setting-panel__material.mr-setting-panel__material-out.mr-setting-panel__material-selected .mr-setting-panel__material-wrap{border-color:#a3bef4}.mr-setting-panel__material.mr-setting-panel__material-out.mr-setting-panel__material-active .mr-setting-panel__material-wrap{border-color:#477dea;overflow:visible}.mr-setting-panel__material.mr-setting-panel__material-out.mr-setting-panel__material-active .mr-setting-panel__material-wrap:after{content:"当前";position:absolute;top:0;right:0;width:54px;line-height:24px;color:#fff;background-color:#477dea;text-align:center;border-radius:0 0 0 5px;font-size:14px}.mr-setting-panel__material.mr-setting-panel__material-out.mr-setting-panel__material-active .mr-setting-panel__material-wrap>div{border-radius:8px;overflow:hidden}.mr-setting-panel__material.mr-setting-panel__material-out>.mr-setting-panel__material-wrap{border:2px solid transparent;border-radius:8px}.mr-setting-panel__material.mr-setting-panel__material-out .mr-setting-panel__material-contain>div{padding-top:0}.mr-setting-panel__material-title{padding:3px;line-height:18px;font-size:12px;color:hsla(0,0%,100%,.6);background-color:#323552;position:relative;width:140px;display:flex}.mr-setting-panel__material-title>.mr-setting-panel__material-title_index{display:inline-block;vertical-align:middle;min-width:18px;text-align:center;background-color:rgba(0,0,0,.3);border-radius:2px}.mr-setting-panel__material-title>.mr-setting-panel__material-title_desc{margin-left:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mr-setting-panel__material-inline-hover .mr-setting-panel__material-title{cursor:pointer}.mr-setting-panel__material-title-bot{margin-top:7px;margin-bottom:18px;padding-left:3px;font-size:14px;display:flex;color:hsla(0,0%,100%,.6)}.mr-setting-panel__material-title-bot>.mr-setting-panel__material-title_desc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mr-setting-panel__material-contain{width:100%;height:100%;background-color:#2b2d3f;text-align:center}.mr-setting-panel__material-contain>img{max-width:100%;max-height:100%}.mr-setting-panel__material-contain>div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:700}.mr-setting-panel__material-ctrl{position:absolute;bottom:0;right:0;left:0;font-size:14px;padding:12px 0 4px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));text-align:right}.mr-setting-panel__material-ctrl .mr_switch{margin-top:2px;float:left}.mr-setting-panel__material-ctrl>span{width:24px;height:24px;cursor:pointer;margin-right:4px}.mr-setting-panel__material-controls-hover .mr-setting-panel__material-ctrl{display:none}.mr-setting-panel__material-controls-hover:hover .mr-setting-panel__material-ctrl{display:block}.mr-material__fullscreen{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.85);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;z-index:1;color:hsla(0,0%,100%,.7);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mr-material__fullscreen>p{margin-bottom:10px}.mr-material__fullscreen>span{width:80px;text-align:center;border-radius:2px;color:hsla(0,0%,100%,.9);line-height:28px;cursor:pointer;box-shadow:0 1px 1px hsla(0,0%,100%,.6),0 -1px 1px hsla(0,0%,100%,.6),1px 0 1px hsla(0,0%,100%,.6),-1px 0 1px hsla(0,0%,100%,.6)}.mr-material__fullscreen>span:hover{background-color:hsla(0,0%,100%,.1)}.mr-setting-panel__bg-contain .mr-setting-panel__contain-upload>div>div{flex-direction:column;align-items:center;justify-content:center}.mr-setting-panel__bg-contain .mr-setting-panel__contain-upload>div>div>div:first-child{margin-bottom:10px}.mr-setting-panel__bg-contain .mr-setting-panel__contain-upload>div>div .svg-icon{margin-right:10px;width:24px;height:24px}.mr-setting-panel__bg-contain .mr-setting-panel__contain-rtc{font-size:20px;color:hsla(0,0%,100%,.4);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mr-bg-uploader{opacity:0;width:0;height:0}.mr-setting-panel__mob .mr-setting-panel__bg-contain{padding-right:16px}.mr-preview__panel{position:relative}.mr-preview__panel:before{content:"";display:block;padding-top:56.25%}.mr-preview__panel-main{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column}.mr-preview__panel-main>div:first-child{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#141525}.mr-preview__panel-main>div:first-child>p{position:relative;padding-top:70px;font-size:14px;color:hsla(0,0%,100%,.3)}.mr-preview__panel-main>div:first-child>p:before{content:"";position:absolute;left:0;right:0;top:0;height:70px;background-image:url(../../assets/img/no-source.1973b196.svg);background-repeat:no-repeat;background-position:top;opacity:.3}.mr-preview__panel-main>div:first-child>p.mr-preview__panel-active-video{text-align:center}.mr-preview__panel-main>div:first-child>p.mr-preview__panel-active-video:before{background-image:url(../../assets/img/no-output.4e41bc60.svg)}.mr-preview__panel-main>div:first-child>p.mr-preview__panel-active-video>span{margin-top:15px;display:block}.mr-preview__panel-main>div:first-child>p.mr-preview__panel-active-video .mr-button{padding:8px 20px;color:hsla(0,0%,100%,.7)}.mr-preview__panel-contain{width:100%;height:100%}.mr-preview__panel-contain>img,.mr-preview__panel-contain>video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mr-preview__chart{background-color:#fff}.mr-setting-panel_cam .mr-setting-panel__material img{width:100%;height:100%}.mr-setting-panel__cam-groud-hr{display:block;border-bottom:1px solid hsla(0,0%,100%,.08)}.mr-setting-panel__cam-group>div{margin-right:8px;margin-bottom:16px}.mr-setting-panel__cam-group .mr_switch{margin-left:0}.mr-setting-panel__cam-group .el-switch__label{color:hsla(0,0%,100%,.6)}div.mr-setting-panel__cam-desc{color:hsla(0,0%,100%,.6);font-size:14px;font-weight:400}div.mr-setting-panel__cam-sport{flex-direction:column}div.mr-setting-panel__cam-sport .mr-setting-panel__cam-desc{border-bottom:1px dashed hsla(0,0%,100%,.17)}div.mr-setting-panel__cam-sport>div{width:100%;height:50%;display:flex;justify-content:center;align-items:center}.mr-setting-panel__mob .mr-setting-panel__cam-contain{padding-right:16px}.mr-setting-panel__mob .mr-setting-panel__cam-groud-hr{margin-left:16px}.mr-setting-panel__chart-contain .mr-setting-panel__contain-upload>div>div{justify-content:center;flex-direction:column}.mr-setting-panel__chart-contain .mr-setting-panel__contain-upload>div>div i{margin-right:0;width:40px;height:40px}.mr-setting-panel__mob .mr-setting-panel__chart-contain{padding-right:16px}.mr-setting-panel__mob .mr-setting-panel__chart-icon{width:60px;height:60px}.mr-setting-panel__animation:not(.mr-setting-panel__mob)>.mr-setting-panel__contain{padding-bottom:6px}.mr-setting-panel__contain-animation{margin-right:6px;margin-bottom:4px;display:inline-block;text-align:center;min-width:124px;cursor:pointer;color:#fff}.mr-setting-panel__contain-animation>div{padding:14px 8px;background-color:#3e3e4e;border-radius:8px}.mr-setting-panel__contain-animation>div>div:first-child{margin-bottom:14px}.mr-setting-panel__mob{padding:0}.mr-setting-panel__mob .mr-setting-panel__theme-contain{padding-right:16px;white-space:normal}.mr-setting-panel__mob .mr-setting-panel__material{margin:0;width:50%;padding-left:16px}.mr-setting-panel__mob.mr-setting-panel__animation{padding:0}.mr-setting-panel__mob.mr-setting-panel__animation .mr-setting-panel__contain-animation{padding-left:16px;margin-right:0;text-align:center;min-width:50%}.mr-setting-panel__mob.mr-setting-panel__animation .mr-setting-panel__contain{padding-right:16px}