.advanceControls .circleControlButton{color:#fff;cursor:pointer;margin-left:10px;padding:9px 11px;position:relative}.advanceControls .circleControlButton.activeIcon i{color:var(--purple-color)!important}.gridOption{text-align:left;z-index:24;background:#333;border:1px solid #555;border-radius:4px;width:140px;padding:5px 20px;position:absolute;bottom:40px;left:-60px;right:150px}.gridOption ul{padding:0}.gridOption ul li{cursor:pointer;color:#fff;border-radius:4px;padding:8px 10px;list-style:none;transition:background-color .2s,color .2s}.advanceControlIcon{font-size:19px;transition:all .1s cubic-bezier(0,.69,.82,.73)}.advanceControlIcon:hover{transform:scale(.8)}@media (max-width:500px){.advanceControls .progressBar{top:-12px!important;left:10px!important}}.multi{margin-top:38px;margin-left:-23px!important}.advanceControls .gridOption{color:#fff;padding:5px 15px}
.simpleControls{padding-left:10px;position:relative}.playerIcon.big{color:#fff;font-size:23px}.playerIcon.small{width:15px}.playerIcon{cursor:pointer;width:22px;margin-right:10px}@media (max-width:500px){.playerIcon{margin-top:10px}.simpleControls .playerIcon.big{font-size:17px!important}}
.input-range__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#3f51b5;border:1px solid #3f51b5;border-radius:100%;outline:none;width:1rem;height:1rem;margin-top:-.65rem;margin-left:-.5rem;transition:transform .3s ease-out,box-shadow .3s ease-out;display:block;position:absolute;top:50%}.input-range__slider:active{transform:scale(1.3)}.input-range__slider:focus{box-shadow:0 0 0 5px rgba(63,81,181,.2)}.input-range--disabled .input-range__slider{box-shadow:none;background:#ccc;border:1px solid #ccc;transform:none}.input-range__slider-container{transition:left .3s ease-out}.input-range__label{color:#aaa;white-space:nowrap;font-family:Helvetica Neue,san-serif;font-size:.8rem;transform:translateZ(0)}.input-range__label--min,.input-range__label--max{position:absolute;bottom:-1.4rem}.input-range__label--min{left:0}.input-range__label--max{right:0}.input-range__label--value{position:absolute;top:-1.8rem}.input-range__label-container{position:relative;left:-50%}.input-range__label--max .input-range__label-container{left:50%}.input-range__track{cursor:pointer;background:#eee;border-radius:.3rem;height:.3rem;transition:left .3s ease-out,width .3s ease-out;display:block;position:relative}.input-range--disabled .input-range__track{background:#eee}.input-range__track--background{margin-top:-.15rem;position:absolute;top:50%;left:0;right:0}.input-range__track--active{background:#3f51b5}.input-range{width:100%;height:1rem;position:relative}
.advanceVolumeControl{position:relative;top:-1px}.MSD-unmuted{margin-right:4px;padding:3px 5px!important}.volumeSeekBar{justify-content:start;align-items:flex-start;display:flex;position:relative}.volumeSeekBar .volumeIcon{color:var(--white);cursor:pointer;margin-top:3px;font-size:20px}.advanceVolumeControl .progressBar{opacity:0;width:0;margin-top:10px;margin-left:15px;margin-right:4px;transition:all .2s linear}.progressBar.toggle{opacity:1;width:150px}.advanceVolumeControl .progressBar .ant-slider{position:relative;top:-3px;margin:0 0 5px!important}.advanceVolumeControl .ant-slider-track{background-color:var(--purple)!important}.advanceVolumeControl .ant-slider-rail{background-color:#928e8e!important}.advanceVolumeControl .ant-slider-handle{background-color:var(--purple)!important;border-color:var(--purple)!important;box-shadow:none!important}.advanceVolumeControl .ant-slider-handle:hover{box-shadow:0 0 0 2px var(--purple)!important;border-radius:50%!important}.advanceVolumeControl .ant-slider-handle:after{background-color:var(--color-purple)!important;box-shadow:0 0 0 2px var(--purple)!important;outline:none!important}.advanceVolumeControl .ant-slider-handle:before{background-color:var(--color-purple)!important;box-shadow:0 0 0 2px var(--purple)!important;border-radius:50%!important}.advanceVolumeControl .ant-slider-handle.ant-slider-handle-dragging:after,.advanceVolumeControl .ant-slider-handle.ant-slider-handle-dragging:before{background-color:var(--color-purple)!important;outline:none!important}.advanceVolumeControl .ant-slider .ant-slider-handle:hover{box-shadow:0 0 0 2px var(--purple)!important;border-radius:50%!important}.advanceVolumeControl .ant-slider .ant-slider-handle:after{background-color:var(--color-purple)!important;box-shadow:0 0 0 2px var(--purple)!important;outline:none!important}.advanceVolumeControl .ant-slider .ant-slider-handle:before{background-color:var(--color-purple)!important;box-shadow:0 0 0 2px var(--purple)!important;border-radius:50%!important}.input-range{width:150px;display:inline-block}@media (max-width:790px){.simpleControls .progressBar progress{width:100%}}
.MSD-unmuted{color:#fff;cursor:pointer;background-color:rgba(255,255,255,.2);border-radius:4px;align-items:center;padding:5px;transition:all .1s cubic-bezier(0,.69,.82,.73);display:flex}.MSD-unmuted:hover{transform:scale(.9)}.MSD-unmuted img{cursor:pointer;width:22px}
.heart{z-index:100;width:20px;animation-duration:1s;position:absolute;top:80%;left:10%}@keyframes moveUp1{0%{top:80%;left:10%}to{top:60%;left:10%}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}}
.zoom-controls{pointer-events:auto;flex-direction:column;gap:10px;display:flex;position:relative}.zoom-control-item{pointer-events:auto;margin:0;position:relative}@media (max-width:768px){.zoom-controls{gap:8px}.zoom-control-item.zoom-reset{margin-top:8px}.playerScreenControlsButton{width:32px;height:32px;padding:6px}.playerScreenControlsButton i,.playerScreenControlsButton svg{font-size:18px!important}}@media (max-width:480px){.zoom-controls{gap:6px}.zoom-control-item.zoom-reset{margin-top:6px}.playerScreenControlsButton{width:28px!important;height:28px!important;padding:5px!important}.playerScreenControlsButton i,.playerScreenControlsButton svg{font-size:16px!important}}@media (max-width:360px){.zoom-controls{gap:4px}.zoom-control-item.zoom-reset{margin-top:4px}.playerScreenControlsButton{width:26px!important;height:26px!important;padding:4px!important}.playerScreenControlsButton i,.playerScreenControlsButton svg{font-size:14px!important}}
.noVodHandler{color:#fff;z-index:12;background:rgba(0,0,0,.7);border-radius:4px;padding:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.noVodHandler:first-child{text-align:center;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.noVodHandler>div img{width:40px}.noVodHandler>div h3{color:#fff;margin-top:8px}.noVodHandler .skipBtn span{cursor:pointer;border:1px solid #aaa;border-radius:4px;padding:2px 10px;font-size:15px}.noVodHandler .skipBtn.noCamera span{cursor:initial;border:1px solid #aaa;border-radius:4px;padding:2px 10px;font-size:15px}.noVodHandler .skipBtn span:hover{background:rgba(255,255,255,.2)}.noVodHandler .skipBtn i{margin-right:5px}.noVodHandler .orSuggest{text-align:center;border-top:1px solid #555;border-bottom:1px solid #555;margin-top:10px;margin-bottom:8px}.noVodHandler .orSuggest span{font-size:11px}.noVodHandler .changeStreamHandler{gap:6px;margin-top:10px;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;display:flex!important}.noVodHandler .changeStreamHandler span{cursor:pointer;border-right:1px solid #888;margin-bottom:5px;margin-right:8px;padding-right:5px;font-size:13px;display:inline-block}.noVodHandler .changeStreamHandler span i{margin-right:5px;position:relative;top:1px}.noVodHandler .changeStreamHandler span:last-child{border:none}.cameraSuggestionName{border-radius:4px;padding:2px;font-size:13px;border:1px solid #b5b5b5!important}.react-transform-wrapper{width:100%!important;height:100%!important;margin:0 auto!important;display:block!important}@media (max-width:790px){.noVodHandler{padding-top:0%;background:rgba(0,0,0,.5)!important;width:100%!important}.vumePlayer.fullscreen .noVodHandler{padding-top:10em}.noVodHandler>div h3{font-size:13px}.noVodHandler .changeStreamHandler{text-align:center}.noVodHandler .changeStreamHandler span{font-size:11px}.noVodHandler>div img{width:30px}}@media (max-width:450px){.vumePlayer.fullscreen .noVodHandler{padding-top:17em}}.watchAnimationSmallScreenMultiplayers{width:20px;animation-duration:.75s;animation-timing-function:linear;position:absolute;top:60%;left:80.5%}@keyframes watchingSmallScreenAnimationMultiplayers{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}}@media (max-device-width:750px){.watchAnimationSmallScreenMultiplayers{animation-duration:.75s;left:65%}@keyframes watchingSmallScreenAnimationMultiplayers{0%{top:85%}to{top:10%}}}@media (max-device-width:786px){@keyframes watchingSmallScreenAnimationMultiplayers{0%{top:200px}to{top:100px}}}
.giftHeadInformation{border-bottom:1px solid var(--box-border-light);padding:0 0 15px}.dark .giftHeadInformation{border-bottom:1px solid var(--box-border-dark)}.giftHeaderContent{gap:15px;width:100%;display:flex}.giftHeaderAvatar{flex-shrink:0}.giftHeaderRecipient{flex-direction:column;flex:1;gap:4px;display:flex}.giftHeaderLabel{color:var(--text-light);opacity:.7;margin:0;font-size:13px}.giftHeaderName{color:var(--text-light);margin:0;font-size:17px;font-weight:600}.dark .giftHeaderLabel{color:var(--text-dark);opacity:.8}.dark .giftHeaderName{color:var(--text-dark)}.giftHeaderBalance{text-align:right;flex-direction:column;flex-shrink:0;gap:4px;display:flex}.giftHeaderBalanceLabel{margin:0;font-size:13px;font-weight:400;color:var(--purple)!important}.giftHeaderBalanceAmount{justify-content:flex-end;align-items:center;gap:5px;display:flex}.giftHeaderBalanceAmount strong{color:var(--text-light);margin-right:5px;font-size:17px}.giftHeaderBalanceText{color:var(--purple);margin-left:3px;font-size:13px}.dark .giftHeaderBalanceAmount strong{color:var(--text-dark)}.giftHeadInformation strong{color:var(--text-light);margin-right:10px;font-size:17px}.dark .giftHeadInformation strong{color:var(--text-dark)}.giftHeadInformation h4,.giftHeadInformation h5{color:var(--text-light);margin:0}.dark .giftHeadInformation h4,.dark .giftHeadInformation h5{color:var(--text-dark)}@media (max-width:500px){.sendGiftBtn{width:50px!important;height:50px!important}.sendGiftBtn i{font-size:2em!important}}
.sendGiftBtn{width:60px;height:60px;color:var(--white);cursor:pointer;text-align:center;background-color:rgba(0,0,0,.4);border-radius:4px;padding:10px;display:inline-block}.sendGiftBtn:hover{background-color:var(--purple-2)}.sendGiftBtn i{font-size:2.7em}.sendGiftBtn.user-giftbtn{z-index:9;border-radius:5px;justify-content:center;align-items:center;width:auto;min-width:60px;height:auto;padding:5px 15px;font-size:13px;display:flex;position:absolute;top:50px;right:0}.sendGiftBtn.user-giftbtn svg{margin-right:10px}.sendGiftBtn.user-giftbtn span{display:inline-block}.giftPanel{background:var(--bg-light);z-index:20;border-radius:4px;min-width:350px;height:43vh;max-height:43vh;padding:10px;position:absolute;top:0;right:63px;overflow:scroll}.dark .giftPanel{background:var(--bg-dark)}.giftPanel::-webkit-scrollbar{width:6px}.giftPanel::-webkit-scrollbar-track{background:0 0}.giftPanel::-webkit-scrollbar-thumb{background-color:var(--dark-gray);border-radius:3px}.dark .giftPanel::-webkit-scrollbar-thumb{background-color:var(--purple-light)}.giftPanel::-webkit-scrollbar-button{width:0;height:0;display:none}.giftPanel{scrollbar-width:thin;scrollbar-color:var(--dark-gray)transparent}.dark .giftPanel{scrollbar-color:var(--purple-light)transparent}.giftPackage{text-align:center;cursor:pointer;border:1px solid var(--box-border-light);border-radius:4px;margin:10px 1px;padding:5px 10px}.dark .giftPackage{border:1px solid var(--box-border-dark)}.giftPackage:hover{border-color:var(--purple);background-color:rgba(92,68,175,.1)}.dark .giftPackage:hover{background-color:rgba(92,68,175,.2)}.giftPackage strong{color:var(--text-light);margin-right:2px}.dark .giftPackage strong{color:var(--text-dark)}.customGift{margin-top:20px;padding:0 10px}.customInput input{background:var(--bg-light);border-color:var(--box-border-light);color:var(--text-light)}.dark .customInput input{background:var(--bg-dark);border-color:var(--box-border-dark);color:var(--text-dark)}.customInput input.hasError{border-color:var(--red)}.customInput button{background:var(--bg-light);border-color:var(--box-border-light);position:absolute;right:20px;color:var(--text-light)!important}[data-theme=dark] .customInput button{color:var(--white)!important}.customInput button:hover{background:var(--bg-light);border-color:var(--box-border-light);position:absolute;right:20px;color:#fff!important}.customInput button:hover span{color:#fff!important}.dark .customInput button{background:var(--bg-dark);border-color:var(--box-border-dark);color:var(--text-dark)}.dark .customInput button:hover{background:var(--purple);border-color:var(--purple);color:var(--white)!important}.dark .customInput button:hover span{color:var(--white)!important}.customInput p{text-align:right;color:var(--sub-text-light);padding:8px 0;font-size:11px;margin:0!important}.dark .customInput p{color:var(--sub-text-dark)}.giftConfirmation p{color:var(--text-light);margin-top:15px;font-size:11px}.dark .giftConfirmation p{color:var(--text-dark)}.giftConfirmation h3{color:var(--text-light);padding:0 20px}.dark .giftConfirmation h3{color:var(--text-dark)}.giftConfirmation .giftConfirmationBtns{justify-content:space-between;margin-bottom:10px;display:flex}.giftConfirmation .giftConfirmationBtns button{width:47%}.buyinPackage{height:auto;max-height:80vh}.buyinPackage .backToGif{cursor:pointer;color:var(--text-light);font-size:19px}.dark .buyinPackage .backToGif{color:var(--text-dark)}.buyinPackage .backToGif i{margin-right:5px;font-size:13px}.buyinPackage p{color:var(--sub-text-light);margin:10px;font-size:13px}.dark .buyinPackage p{color:var(--sub-text-dark)}@media (max-width:900px){.buyinPackage{height:auto;max-height:80vh}.topControls,.playerScreenControls{z-index:88!important}.sendGift{z-index:90}.sendGift .giftPanel,body>.giftPanel{background:var(--bg-light);will-change:transform;min-width:100%;height:100%;padding-bottom:100px;top:60px;right:0;overflow:scroll;transform:translate(0,0);z-index:9999!important;position:fixed!important}.sendGift .giftHeadInformation{margin-top:18px}.dark .sendGift .giftPanel,.dark body>.giftPanel{background:var(--bg-dark)}}.profile-panel{z-index:999;background:rgba(245,245,245,.6);width:100vw;height:100vh;padding:10px;position:fixed;left:0;right:auto;overflow:scroll}.profile-panel::-webkit-scrollbar-button{width:0;height:0;display:none}.dark .profile-panel{background:rgba(21,17,42,.6)}.profile-panel .close-popup{cursor:pointer;background-color:red;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;position:absolute;top:-20px;right:0}.profile-panel .ant-btn{margin:20px auto 10px;display:block;position:relative}.profile-panel .profile-panel-inner{background:var(--bg-light);border-radius:10px;max-width:500px;margin:60px auto 0;padding:15px;position:relative}.dark .profile-panel .profile-panel-inner{background:var(--bg-dark)}
.viubitPackages .rowPackages .rowPackage{cursor:pointer;color:var(--text-light);border:1px solid var(--box-border-light);border-radius:4px;justify-content:space-between;margin-bottom:10px;padding:5px 10px;display:flex}.dark .viubitPackages .rowPackages .rowPackage{color:var(--text-dark);border:1px solid var(--box-border-dark)}.viubitPackages .rowPackages .rowPackage.selected{border-color:var(--purple)!important}.viubitPackages .rowPackages button{width:100%;margin:10px 0;font-size:17px}.viubitPackages .boxPackages{flex-wrap:wrap;justify-content:start;display:flex}.viubitPackages .boxPackages .viubitBox{cursor:pointer;border:1px solid var(--box-border-light);background:var(--box-light);border-radius:4px;margin-bottom:2em;margin-right:2em;padding:15px 4em}.dark .viubitPackages .boxPackages .viubitBox{border:1px solid var(--box-border-dark);background:var(--box-dark)}.viubitPackages .boxPackages .viubitBox strong{color:var(--text-light);font-size:25px}.dark .viubitPackages .boxPackages .viubitBox strong{color:var(--text-dark)}.viubitPackages .boxPackages .viubitBox h3{text-align:center;color:var(--purple);font-size:25px;margin:0!important}.purpleBtn{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:16px;font-weight:500;transition:background .2s;background:var(--color-purple)!important;color:var(--color-white)!important}.purpleBtn span{color:var(--color-white)!important}