.camerasContainer{width:100%;height:104%;margin-right:10px;overflow:hidden}.camNum-noActiveCam{text-align:center;position:absolute}.no-active-cam-wrapper{flex-direction:column;justify-content:center;align-items:center;width:140px;display:flex;height:80px!important}.userThumb{border-radius:50%;width:30px;height:30px;position:absolute;top:0;left:0}.camBox{cursor:pointer;justify-content:center;width:100%;margin-bottom:16px;display:flex;position:relative;overflow:hidden;height:100px!important}.camBox .youTubeIconContainer{flex-shrink:0;width:44.797px;height:10px;display:flex;position:absolute;top:8px;right:10.2px}.camBox .camThumbnail{object-fit:contain;transition:all .3s;width:80px!important;height:80px!important}.camBox .react-player-MiniCamera *{object-fit:cover;max-height:120px}.camBox .camThumbnailNoConnection{width:50%;height:60%;margin:0 auto;transition:all .3s;display:block}.camBox .camNum{text-align:center;letter-spacing:0;color:#181818;width:100%;padding:6px;font-size:12px;font-weight:500;line-height:16.34px;position:absolute;bottom:0}.camBox .camNum-noActiveCam{letter-spacing:0;color:#181818;width:100%;padding:6px;font-size:12px;font-weight:500;line-height:16.34px;bottom:0}.camBox .cam{background:#f4bd1f}.camBox .activeCam{background-color:#fff}.camBox .layer{background-color:rgba(0,0,0,.3);position:absolute;top:0;bottom:0;left:0;right:0}.camBox .userThumb{border-radius:50%;width:30px;height:30px;position:absolute;top:0;left:0}.bg-dark{background-color:rgba(255,255,255,.3)}.bg-light{background-color:rgba(18,18,18,.6)}::-webkit-scrollbar{display:none}.active-cam{flex-direction:row;justify-content:center;align-items:center;width:100%;height:20px;display:flex}.active-cam-light,.active-cam-dark{background-color:#171717}.active-cam-text{color:#fff;padding-right:5px;font-size:10px;font-weight:400;line-height:12px}.circle{background-color:#12b76a;border-radius:3px;width:6px;height:6px;margin-left:5px}.camera-slider{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-wrap:nowrap;height:95%;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width:992px){.camerasContainer{flex-direction:column;height:auto;display:flex}.active-cam{width:100%;height:30px;position:static}.camera-slider{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-wrap:nowrap;display:flex;overflow-x:auto}.camera-slider .camBox{width:100px;height:120px;margin-bottom:10px;margin-left:10px}.camera-slider .camBox .camThumbnail{width:100px;height:100px;transition:all .3s}.camera-slider .camBox .activeCam{background-color:#fff;width:100px}.camera-slider .camBox .camThumbnailNoConnection{width:50%;height:60%;margin:0 auto;transition:all .3s;display:block}.camera-slider .camBox .camNum{color:#181818;margin-left:10px;padding:8px;font-size:12px;font-weight:500;line-height:16.34px}.camera-slider .camBox .camNum-noActiveCam{color:#181818;margin-left:10px;padding:8px;font-size:12px;font-weight:500;line-height:16.34px;bottom:0}}@media screen and (max-width:768px){.camerasContainer{white-space:nowrap;overflow-x:auto}.active-cam{width:100%;height:30px;position:static}.camera-slider{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-wrap:nowrap;display:flex;overflow-x:auto}.camera-slider .camBox{width:100px;height:120px;margin-bottom:10px;margin-left:10px}.camera-slider .camBox .camThumbnail{width:70px;height:70px;transition:all .3s}.camera-slider .camBox .activeCam{background-color:#fff;width:100px}.camera-slider .camBox .camThumbnailNoConnection{width:50%;height:60%;margin:0 auto;transition:all .3s;display:block}.camera-slider .camBox .camNum{letter-spacing:0;color:#181818;margin-left:10px;padding:8px;font-size:12px;font-weight:500;line-height:16.34px}.camera-slider .camBox .camNum-noActiveCam{letter-spacing:0;color:#181818;margin-left:10px;padding:8px;font-size:12px;font-weight:500;line-height:16.34px;bottom:0}.camBox{width:100px;height:120px;margin-bottom:10px;margin-left:10px}.camBox .camNum{letter-spacing:0;color:#181818;margin-left:10px;padding:8px;font-size:12px;font-weight:500;line-height:16.34px}.camBox .camNum-noActiveCam{letter-spacing:0;color:#181818;margin-left:10px;padding:8px;font-size:12px;font-weight:500;line-height:16.34px;bottom:0}}@media screen and (max-width:576px){.camerasContainer{justify-content:space-evenly;width:100%;margin-top:0;margin-left:0;display:flex;overflow:hidden}.active-cam{white-space:nowrap;width:100%;height:17px;padding:4px 8px;display:flex;overflow-x:auto}.camera-slider{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-wrap:nowrap;margin-top:0;margin-left:-10px;display:flex;overflow-x:auto}.camera-slider .camBox{background-color:#000;align-items:center;width:140px;height:80px;margin-left:8px}.camera-slider .camBox .cameraItem{margin-left:10px}.camera-slider .camBox .camThumbnail{object-fit:contain;width:80px;height:80px;transition:all .3s}.camera-slider .camBox .activeCam{background-color:#fff;width:100%;margin-left:auto;margin-right:auto}.camera-slider .camBox .camThumbnailNoConnection{width:50%;height:80px;margin:0 auto;transition:all .3s;display:block}.camera-slider .camBox .camNum{letter-spacing:0;color:#181818;width:100%;padding:4px;font-size:12px;font-weight:500;line-height:16.34px;margin-left:0!important}.camera-slider .camBox .camNum-noActiveCam{letter-spacing:0;color:#181818;width:100%;padding:4px;font-size:12px;font-weight:500;line-height:16.34px;bottom:0;margin-left:0!important}}.defaultBox{width:180px;height:90px;margin-left:-10px;position:relative}@media screen and (max-width:576px){.defaultBox{width:140px;height:80px}}.defaultBox-title{background-color:#fff;justify-content:center;align-items:center;height:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.defaultBox-title span{margin-left:8px;font-size:12px;font-weight:500;line-height:16.34px;color:#171717!important}