.custom-badge-wrapper{line-height:1;display:inline-block;position:relative}.custom-badge-count{color:#000;z-index:10;background:#fff;border:1px solid #d9d9d9;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;padding:0;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;top:-18px;right:-10px;transform:translateY(-4px);box-shadow:0 0 0 1px #fff}@media (max-width:414px){.custom-badge-count{top:8px;left:44px}}
.broadcastTab{border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:10px}.broadcastTab p{color:#333}.broadcastTab span{cursor:pointer;color:#fff;margin-right:4em}.broadcastTab .custom-badge-wrapper{font-size:17px}.broadcastTab .active,.broadcastTab .active .custom-badge-wrapper{color:var(--purple)!important}.broadcastTab span.active{color:#5c44af!important}
.setupYI{width:350px;margin:0 auto;padding:10px 20px}.setupYI>span{font-weight:700}.yiQRCode{text-align:center;margin:10px 0}.yiQRCode canvas{width:200px!important;height:200px!important}.setupYI input{color:#eee;background:0 0;border-color:#666}.setupYI button{color:#eee}
.setupOther{width:100%;margin:0 auto;padding:10px 20px}.setupOther>span{font-weight:700}.cameraInformation ul{text-align:left;margin-top:10px;padding:10px 0 0;list-style:none}.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight #toolTipURL,toolTipKEY{background-color:transparent;padding-top:0}.ant-tooltip-inner#toolTipURL,#toolTipKEY{color:#eee;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:transparent}.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow#toolTipURL{display:none;top:0}.cameraInformation ul li{white-space:nowrap;text-overflow:ellipsis;border:1px solid #666;margin-bottom:10px;padding:5px 45px 5px 5px;position:relative;overflow:hidden}.cameraInformation ul li button{border:none;height:31px;position:absolute;top:0;right:0}.cameraInformation ul li button:hover i{color:#fff!important}.cameraInformation ul li button i,.cameraInformation ul li button svg{color:var(--purple)}.cameraInformation p{text-align:left;font-size:11px}@media (max-width:769px){.setupOther{width:100%}.cameraInformation ul li{position:relative;overflow:hidden}.cameraInformation ul li button{background:#f7f7f7;position:absolute;bottom:5px;right:0}body .cameraInformation ul li button:hover,body .cameraInformation ul li button:focus{background:#f7f7f7}}
.badgeIsReadyLive{background:var(--dark-gray);border-radius:5px;padding:5px}.badgeIsLive{background:var(--red);border-radius:5px;padding:5px;animation:1.2s cubic-bezier(.215,.61,.355,1) infinite lds-heart;display:inline-block}@keyframes lds-heart{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}