.selectCameraAngle{width:100%;margin-top:10px}.noCameraAngle{text-align:center}.noCameraAngle img{width:50px;margin-bottom:15px}.selectCameraAngle .thumbnailHandler{cursor:pointer}.thumbnailHandler i{margin-right:5px;position:relative;top:1px}.selectCameraAngle .thumbnailDescription{margin-top:10px;font-size:11px}
.singlePlayerWrapper{background-color:#000;width:100%;height:100%;position:relative;overflow:hidden}@media (min-width:768px){.singlePlayerWrapper{height:580px;max-height:none}}@media (min-width:768px) and (max-width:1024px){.singlePlayerWrapper{aspect-ratio:16/9}}@media (max-width:767px){.singlePlayerWrapper{aspect-ratio:16/9;height:100%}}@media (max-width:500px){.singlePlayerWrapper{height:367px!important}}.smallScreenMode .ant-col.ant-col-xl-16{padding:5px 10px}.singlePlayerWrapper .bottomControls{z-index:10;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.35) 60%,transparent);width:100%;padding-bottom:10px;transition:all .1s linear;position:absolute;bottom:0}.singlePlayerControl{justify-content:space-between;align-items:center;width:100%;display:flex}.singlePlayerWrapper .captionAndLogo{z-index:10;pointer-events:none;height:100%;transition:all .1s linear;position:absolute}.singlePlayerWrapper .captionAndLogo>*{pointer-events:auto}.singlePlayerWrapper .chatHolder .chatListPanel{padding:0!important}.singlePlayerWrapper .chatHolder .chatContainer{align-items:center!important}.singlePlayerWrapper .chatHolder .chatAvatarContainer{align-self:flex-start!important;position:relative!important;top:6px!important}.singlePlayerWrapper .chatHolder .chatName{margin:0!important}.singlePlayerWrapper .chatHolder .chatCommentContainer{padding:6px!important}.singlePlayerWrapper .react-transform-wrapper{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portrait{z-index:6!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.portrait .caption-and-logo-container .logo-image{width:40px!important;height:40px!important}.portrait .caption-and-logo-container .font-portrait-sm{font-size:8px!important}.portrait .caption-and-logo-container .font-portrait-lg{font-size:12px!important}.webcam{z-index:6!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.singlePlayerWrapper.fullscreen{z-index:120;width:85%;height:100%;margin:0;position:fixed;top:0;left:0}.singlePlayerWrapper .closeChatList{color:#aaa;cursor:pointer;background-color:#434343;padding:0 10px;font-size:17px;position:absolute;top:0;left:0}.singlePlayerWrapper:hover .playerScreenControls{pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:relative}.singlePlayerWrapper:hover .readOnlySeekbarDetail{justify-content:space-between;display:flex}.singlePlayerWrapper video{transition:all .2s linear;display:block}.singlePlayerWrapper:hover .sendGift{display:block}.modifyWidth{width:100%!important}.singlePlayerWrapper .react-transform-component{pointer-events:auto}.sendGiftBtn:hover{background-color:rgba(0,0,0,.4)}
.player.fullScreenMode{background-color:#000;width:100%;height:100%;margin-top:0;position:fixed;top:0;left:0}.player{margin-top:30px}.watchAnimationSmallScreen{width:20px;animation-duration:.75s;animation-timing-function:linear;position:absolute;top:80%;left:80.5%}.watchAnimatioFullScreen{z-index:500;width:20px;animation-duration:2s;animation-timing-function:linear;position:absolute;top:80%;left:80.5%}.followBtnHolder{position:absolute;top:10px;right:31px}.followBtnHolder button{border-color:color-mix(in srgb,var(--box-border-light)70%,black);color:color-mix(in srgb,var(--text-light)70%,black);background:0 0}.followBtnHolder button i{margin-right:5px}.followBtnHolder button:hover{border-color:var(--color-purple-2)!important;color:var(--color-white)!important;background:var(--color-purple-2)!important}.followBtnHolder button:hover span,.dark .followBtnHolder button{color:var(--color-white)!important}.totalWatch{padding:8px}.totalWatch i,.totalWatch span{color:var(--text-light)}.dark .totalWatch i,.dark .totalWatch span{color:var(--text-dark)}.joinEvent{background:var(--purple);text-align:center;border-radius:4px;margin-bottom:10px;padding:5px;color:var(--white)!important}.joinEvent p{color:var(--white)!important}.joinEvent span{border:1px solid var(--white);cursor:pointer;border-radius:4px;padding:2px 10px}@keyframes watchingSmallScreenAnimation{0%{top:80%}to{top:45%}0%{opacity:0;width:20px}20%{opacity:1;width:25px}33%{opacity:1;width:30px}53%{opacity:.3;width:35px}to{opacity:0;width:40px}}@keyframes watchingFullScreenAnimation{0%{top:80%}to{top:0}0%{opacity:0;width:30px}20%{opacity:1;width:35px}33%{opacity:1;width:40px}53%{opacity:.3;width:45px}to{opacity:0;width:50px}}@media (max-device-width:750px){.watchAnimationSmallScreen{animation-duration:.75s;left:65%}@keyframes watchingSmallScreenAnimation{0%{top:80%}to{top:30%}}}.inputAccess{max-width:1170px;margin-left:16%;margin-right:auto}@media (max-width:1500px){.inputAccess{margin-left:auto;margin-right:auto}}@media (max-width:1000px){.followBtnHolder{text-align:center;margin:3px;top:0!important}.inputAccess{margin-left:auto;margin-right:auto}}@media not all and (-webkit-min-device-pixel-ratio:.0000264583),not all and (min-resolution:.001dpcm){@supports ((-webkit-appearance:none)) and (stroke-color:transparent){@media (max-width:1499px){.inputAccess{margin-left:17%;margin-right:auto}}@media (max-width:1400px){.inputAccess{margin-left:6%;margin-right:auto}}@media (max-width:1200px){.inputAccess{margin-left:-2%;margin-right:auto}}@media (max-width:1024px){.inputAccess{margin-left:0%;margin-right:auto}}@media (max-width:850px){.inputAccess{margin-left:-2%;margin-right:auto}}}}@media (max-width:768px){.player .ant-col-md-7{margin-top:16px;flex:0 0 100%!important;width:100%!important;max-width:100%!important}.player .player-main-row{flex-direction:column;display:flex}.player .player-main-row .ant-col-md-1{display:none}.player .player-main-row .ant-col-md-16,.player .player-main-row .ant-col-md-7{flex:0 0 100%!important;width:100%!important;max-width:100%!important}}@media (max-width:550px){.inputAccess{max-width:350px;margin-left:auto;margin-right:auto}}@media (max-width:320px){.inputAccess{max-width:270px;margin-left:auto;margin-right:auto}}.zoom-in-enter{opacity:0;transform-origin:50%;transform:scale(.5)}.zoom-in-enter-active{opacity:1;transform-origin:50%;transition:opacity .5s,transform .5s;transform:scale(1)}.zoom-in-exit{opacity:1;transform:scale(1)}.zoom-in-exit-active{opacity:0;transition:opacity .5s,transform .5s;transform:scale(.5)}.zoom-out-enter{opacity:0;transform-origin:50%;transform:scale(1.5)}.zoom-out-enter-active{opacity:1;transform-origin:50%;transition:opacity .5s,transform .5s;transform:scale(1)}.zoom-out-exit{opacity:1;transform:scale(1)}.zoom-out-exit-active{opacity:0;transition:opacity .5s,transform .5s;transform:scale(1.5)}.fade-in-enter{opacity:0}.fade-in-enter-active{opacity:1;transition:opacity .5s}@media (max-width:500px){.fade-in-enter-active{min-height:200px!important}}.fade-in-exit{opacity:1}.fade-in-exit-active{opacity:0;transition:opacity .5s}.fade-out-enter{opacity:1}.fade-out-enter-active{animation:3s ease-in-out fadeOutIn}@keyframes fadeOutIn{0%{opacity:1}50%{opacity:0}to{opacity:1}}.fade-out-exit{opacity:0}.fade-out-exit-active{opacity:1;transition:opacity .5s}.glitch-1-enter{opacity:0;will-change:transform,opacity;transform:translate(-100%)}.glitch-1-enter-active{opacity:1;will-change:transform,opacity;animation:.5s glitch-1-shake;transform:translate(0)}.glitch-1-exit{opacity:1;transform:translate(0)}.glitch-1-exit-active{opacity:0;animation:.5s glitch-1-shake;transform:translate(100%)}@keyframes glitch-1-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.glitch-2-enter{opacity:0;will-change:transform,opacity;transform:translate(100%)}.glitch-2-enter-active{opacity:1;will-change:transform,opacity;animation:.5s glitch-2-shake;transform:translate(0)}.glitch-2-exit{opacity:1;transform:translate(0)}.glitch-2-exit-active{opacity:0;animation:.5s glitch-2-shake;transform:translate(-100%)}@keyframes glitch-2-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(10px)}20%,40%,60%,80%{transform:translate(-10px)}}.leaks-1-enter{opacity:0;will-change:transform,opacity;transform:translate(-100%)}.leaks-1-enter-active{opacity:1;will-change:transform,opacity;transition:opacity .5s,transform .5s;transform:translate(0)}.leaks-1-exit{opacity:1;transform:translate(0)}.leaks-1-exit-active{opacity:0;transition:opacity .5s,transform .5s;transform:translate(100%)}.leaks-2-enter{opacity:0;will-change:transform,opacity;transform:translate(100%)}.leaks-2-enter-active{opacity:1;will-change:transform,opacity;transition:opacity .5s,transform .5s;transform:translate(0)}.leaks-2-exit{opacity:1;transform:translate(0)}.leaks-2-exit-active{opacity:0;transition:opacity .5s,transform .5s;transform:translate(-100%)}.coupon-modal{background:#fff;border-radius:10px;width:300px;padding:20px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay{color:#fff;background:rgba(0,0,0,.7);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5em;display:flex;position:absolute;top:0;left:0}.ppvCouponOverlay{z-index:9;cursor:pointer;direction:ltr;justify-content:center;align-items:center;width:100%;height:94%;display:flex;position:absolute;top:50px;left:0;overflow-x:hidden;overflow-y:auto}.ppvCouponOverlayExtended{direction:ltr;height:130%;top:20px}.ppvCouponOverlayFullScreen{z-index:998;box-sizing:border-box;cursor:pointer;direction:ltr;justify-content:center;align-items:center;width:130%;padding:100px;display:flex;position:absolute;top:90px;left:0;overflow-x:hidden;overflow-y:auto}.modalContent{pointer-events:auto;justify-content:center;align-items:center;display:flex}.ppvCouponOverlayMultiFullScreen{width:100%}._topControls span{color:#fff;padding:5px 10px;font-size:11px;position:relative;top:-2px}._topControls span._liveBadge{background:#5c44af}._topControls span._liveViewBadge{color:#666!important;background:#eee!important}.transition-container{transition:opacity .5s ease-in-out}.transition-container.fade-in{opacity:1}.transition-container.fade-out{opacity:0}.transition-container.zoom-in,.transition-container.zoom-out{opacity:1;transition:opacity .5s,transform .5s;transform:scale(1)}.transition-container.glitch-1,.transition-container.glitch-2{opacity:1;transition:opacity .5s}.transition-container.leaks-1,.transition-container.leaks-2{opacity:1;transition:opacity .5s,transform .5s;transform:translate(0)}.watchTopDetail .cardEventTitle{margin-bottom:0;font-size:13px;font-weight:700}.watchTopDetail .cardEventDesc{letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis;padding:2px;overflow:hidden;color:var(--text-light)!important}[data-theme=dark] .watchTopDetail .cardEventDesc{color:#eee!important}[data-theme=dark] .watch-menu li{color:var(--white)!important;background:var(--purple-2)!important}.cardSettingDropDown.dark .ant-dropdown-menu,.cardSettingDropDown.dark .ant-dropdown-menu-item{color:var(--white)!important}.watchTopDetail .vume-card-top__title{padding-right:100px}@media (min-width:768px){.watchTopDetail .vume-card-top__title{width:calc(100% - 145px);max-width:calc(100% - 145px)}}.watch-menu .ant-menu-item:hover .ant-dropdown-menu-title-content span,.watch-menu .ant-menu-item:hover .ant-dropdown-menu-title-content i,.watch-menu .ant-dropdown-menu-item:hover .ant-dropdown-menu-title-content span,.watch-menu .ant-dropdown-menu-item:hover .ant-dropdown-menu-title-content i,.watch-menu .ant-dropdown-menu-title-content:hover span,.watch-menu .ant-dropdown-menu-title-content:hover i,.watch-menu .ant-menu-item:hover span,.watch-menu .ant-menu-item:hover i,.watch-menu .ant-dropdown-menu-item:hover span,.watch-menu .ant-dropdown-menu-item:hover i{color:var(--color-purple)!important}.watch-menu .ant-dropdown .ant-dropdown-menu,.watch-menu .ant-dropdown-menu-submenu .ant-dropdown-menu,.watch-menu .ant-dropdown-menu{border-radius:4px!important}.watch-menu,.watch-menu .ant-menu-item,.watch-menu .ant-menu-item:hover{background:var(--box-light)!important}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item:hover,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title:hover,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title:hover,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-active,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title-active,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title-active{background:0 0!important}.chatAvatarImage{width:40px;height:40px}[data-theme=dark] .watch-menu,[data-theme=dark] .watch-menu.ant-dropdown-menu{background:var(--box-dark)!important}[data-theme=dark] .watch-menu .ant-dropdown-menu-item,[data-theme=dark] .watch-menu .ant-menu-item{background:var(--box-dark)!important;color:var(--white)!important}[data-theme=dark] .watch-menu .ant-dropdown-menu-item:hover,[data-theme=dark] .watch-menu .ant-menu-item:hover{background:var(--purple-2)!important;color:var(--white)!important}[data-theme=dark] .watch-menu .ant-dropdown-menu-item-active,[data-theme=dark] .watch-menu .ant-menu-item-active{background:var(--box-dark)!important;color:var(--white)!important}[data-theme=dark] .watch-menu .ant-menu-item,[data-theme=dark] .watch-menu .ant-menu-item *,[data-theme=dark] .watch-menu .ant-menu-item .ant-dropdown-menu-title-content,[data-theme=dark] .watch-menu .ant-menu-item .ant-dropdown-menu-title-content span,[data-theme=dark] .watch-menu .ant-menu-item .ant-dropdown-menu-title-content i,[data-theme=dark] .watch-menu .ant-menu-item i,[data-theme=dark] .watch-menu .ant-dropdown-menu-item,[data-theme=dark] .watch-menu .ant-dropdown-menu-item *,[data-theme=dark] .watch-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content span,[data-theme=dark] .watch-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content i,[data-theme=dark] .watch-menu .ant-menu-item:hover,[data-theme=dark] .watch-menu .ant-menu-item:hover *,[data-theme=dark] .watch-menu .ant-menu-item:hover .ant-dropdown-menu-title-content,[data-theme=dark] .watch-menu .ant-menu-item:hover .ant-dropdown-menu-title-content span,[data-theme=dark] .watch-menu .ant-menu-item:hover .ant-dropdown-menu-title-content i,[data-theme=dark] .watch-menu .ant-menu-item:hover i,[data-theme=dark] .watch-menu .ant-dropdown-menu-item:hover,[data-theme=dark] .watch-menu .ant-dropdown-menu-item:hover *,[data-theme=dark] .watch-menu .ant-dropdown-menu-item:hover .ant-dropdown-menu-title-content span,[data-theme=dark] .watch-menu .ant-dropdown-menu-item:hover .ant-dropdown-menu-title-content i{color:var(--white)!important}.ant-dropdown .ant-dropdown-menu,.ant-dropdown-menu-submenu .ant-dropdown-menu{border-radius:4px!important}.ant-dropdown-menu-title-content{color:rgba(0,0,0,.65)}