.hover-item,.hover-item-down,.hover-item-mic,.hover-item-private-room{position:relative;cursor:pointer}.hover-item:hover:after{content:attr(data-title);position:absolute;left:10%;top:-100%;white-space:nowrap;background-color:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px}.hover-item-private-room:hover:after{left:-100%;top:150%}.hover-item-down:hover:after,.hover-item-private-room:hover:after{content:attr(data-title);position:absolute;white-space:nowrap;background-color:gray;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px}.hover-item-down:hover:after{left:-60%;top:100%}.hover-item-mic:hover:after{content:attr(data-title);position:absolute;left:-150%;top:-50%;white-space:nowrap;background-color:gray;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px}.hover-item-mic{display:inline-block;margin-left:10px}.microphone-container{position:relative;padding:10px}.microphone-container:hover:active .wave{display:block}.microphone-container:hover:active{background:#00f;border-radius:50%}.microphone-image{width:auto;height:auto}.wave{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#00f 60%,#fff 90%,#fff 100%);animation:wave-animation .8s linear infinite}@keyframes wave-animation{0%{transform:translate(-50%,-50%) scale(.9);opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.minimize{font-size:30px}:root{--doc-height:100%}.layout{display:flex;flex-direction:column;height:100%;height:var(--doc-height)}.fb-mobile{display:none}.main-layout{display:flex;flex-direction:column;gap:1rem;height:100%}.main-layout .chat-box{flex:1 1 auto;display:flex;gap:.5rem;height:0;flex-direction:column}.main-layoutROOM{border-bottom:none!important;display:flex}@media screen and (max-width:768px){.main-layoutROOM{flex-direction:column}}.chat-box .messages{overflow-y:auto;flex-grow:1}.create-private{display:flex;gap:1rem;align-items:center}.messages-container{flex-grow:1}.square-box{width:100px;height:100px;border:1px solid #000}tr.negative td a,tr.positive td a{color:unset}.no-comments{height:100%}.chat-background{padding-top:12px;position:absolute;width:30%;top:10%;left:5%;min-height:60%!important;background-color:#000;opacity:.5}.chat-background .text-white,.chat-background .ui.comments .comment .metadata,.chat-background .ui.comments .comment .text,.chat-background .ui.comments .comment a.author{color:#fff!important}.chat-background .text-black{color:#000!important}.chat-background .messages-container,.chat-background .ui.centered.grid{padding-left:10px!important}.chat-background .test>input::placeholder{color:#000!important}.chat-background-last{position:absolute;width:25%;top:80%;left:5%;opacity:.8;opacity:.5}.chat-background-last .text-white,.chat-background-last .ui.comments .comment .metadata,.chat-background-last .ui.comments .comment .text,.chat-background-last .ui.comments .comment a.author{color:#fff!important}.chat-background-last .text-black{color:#000!important}.chat-background-last .ui.centered.grid{padding-left:10px!important}.chat-background-last .messages-container{padding-left:10px!important;background-color:#000;padding:20px 10px 10px}.chat-background-last .test>input::placeholder{color:#000!important}.chat-background-logo{position:absolute;top:90%;left:3%;cursor:pointer}.chat-background-logo .text-white,.chat-background-logo .ui.comments .comment .metadata,.chat-background-logo .ui.comments .comment .text,.chat-background-logo .ui.comments .comment a.author{color:#fff!important}.chat-background-logo .text-black{color:#000!important}.chat-background-logo .ui.centered.grid{padding-left:10px!important}.chat-background-logo .messages-container{padding-left:10px!important;padding:20px 10px 10px}.chat-background-logo .test>input::placeholder{color:#000!important}.ui.modal{width:35%!important}@media only screen and (max-width:1100px){.fb-mobile{display:block}.fb-desktop{display:none}}@media only screen and (max-width:980px){.fb-mobile{display:block}.fb-desktop{display:none}.navbtnchange{font-size:13px}.pr{position:center}.navbtnchange>.navbtnchange>.navbtnchange{font-size:13px}}@media only screen and (max-width:890px){.fb-mobile{display:block}.fb-desktop{display:none}.navbtnchange{font-size:13px}.pr{position:center}.navbtnchange>.navbtnchange>.navbtnchange{font-size:13px}}@media only screen and (max-width:768px){.navbtnchange{font-size:11px}.pr{position:center}.navbtnchange>.navbtnchange>.navbtnchange{font-size:11px}.ui.navbar{padding:0}.fb-mobile{display:block}.fb-desktop{display:none}.logo{height:30px}.main-layout{gap:.5rem}.chat-box .column{padding:.25rem 0}.ui.modal{width:95%!important}.ui.modal.custom-modal-padding>.header{padding-right:1rem!important}.chat-background{position:absolute;width:50%;top:10%;left:5%;min-height:60%!important;background-color:#000;opacity:.5}.chat-background-last,.chat-background-logo{position:absolute;width:50%;top:80%;left:5%;opacity:.8}}@media only screen and (max-height:600px){.chat-background{position:absolute;width:40%;top:10%;left:3%;min-height:80%!important;background-color:#000;opacity:.5}.chat-background-last,.chat-background-logo{position:absolute;width:40%;top:80%;left:5%;opacity:.8}.messages{max-height:200px!important}}@media only screen and (max-width:640px){.navbtnchange{font-size:9px}.pr{position:center}.navbtnchange>.navbtnchange>.navbtnchange{font-size:9px}}@media only screen and (max-width:600px){.navbtnchange{font-size:9px}.pr{position:center}.navbtnchange>.navbtnchange>.navbtnchange{font-size:9px}}@media only screen and (max-width:570px){.navbtnchange{font-size:7px}.pr{position:center}.navbtnchange>.navbtnchange>.navbtnchange{font-size:7px}}@media only screen and (max-width:460px){.navbtnchange{font-size:7px}.pr{position:center}.navbtnchange>.navbtnchange>.navbtnchange{font-size:7px}}@media only screen and (max-width:430px){.navbtnchange{font-size:6px}.pr{position:center}.navbtnchange>.navbtnchange>.navbtnchange{font-size:6px}}@media only screen and (max-width:380px){.navbtnchange{font-size:5px}.pr{position:center}.navbtnchange>.navbtnchange>.navbtnchange{font-size:5px}}@media only screen and (max-width:321px){.navbtnchange{font-size:5px}.pr{position:center}.navbtnchange>.navbtnchange>.navbtnchange{font-size:5px}}@media only screen and (min-width:768px){.main-layout{display:grid;grid-gap:1rem;gap:1rem;height:auto;grid-template-columns:repeat(16,1fr)}.main-layout .player{grid-column:span 11}.main-layout .chat-box{min-height:100%;grid-column:span 5}.create-private{grid-row-start:2;grid-column:span 11}.ui.modal{width:35%!important}.ui.modal.custom-modal-padding>.header{padding-right:1.5rem!important}}.comments *{overflow-anchor:none}.comments .anchor{overflow-anchor:auto;height:1px}.ui.comments .comment .sb-avatar{display:block;width:2.5em;height:auto;float:left;margin:.2em 0 0}.ui.comments .comment>.sb-avatar~.content{margin-left:3.5em}.match-list-item:hover{background-color:#f8f8f8}.team-logo{width:75px;aspect-ratio:auto 100/100;height:75px}.chat-box .list .avatar+.content{display:inline-block;width:auto;padding:0 0 0 .5em}.chat-box .ui.list{margin-top:0;overflow-y:auto}.video-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:10px}@media screen and (max-width:425px){.video-container{grid-template-columns:repeat(2,1fr)}}.person{position:relative;border-radius:10px;overflow:hidden;width:192px;height:108px}.videoPerson{transform:scaleX(-1);position:absolute;left:0;top:0;width:100%;height:100%}.spaceHolder{height:100px;display:none}@media screen and (min-width:1000px){.person{width:192px;height:108px}.player{width:100%;height:100%}.spaceHolder{height:100px;display:block}.video-container{margin-bottom:100px}}@media screen and (min-width:1400px){.spaceHolder{display:none}}@media screen and (max-width:768px){.person{width:176px;height:99px}.player{width:100%;height:100%}.video-container{margin-bottom:0}}@media screen and (max-width:1400px){.person{width:160px;height:90px}.player{width:100%;height:100%}.video-container{margin-bottom:0}}.phoneRotation{rotate:225deg}.frameDisplay{display:flex;flex-direction:column;width:100%;height:auto}.btnRoomWrapper{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);transition:width .5s ease-in;z-index:100000}.btnRoomOptional{display:none;justify-content:center;align-items:center;background-color:#f81849;color:#fff;padding:10px 14px;border-radius:6px;cursor:pointer;opacity:0;width:0;transition:width .5s ease,opacity .5s ease,background-color .5s ease}.btnRoomOptionalActive{background-color:#5d6063}.animate{display:flex;visibility:visible;opacity:1;transition-delay:0s;width:auto}.newItem{width:0;opacity:0;transition:width .5s ease,opacity .5s ease}.btnRoom{background-color:#3b3d3f}.btnRoom,.btnRoomPhone{display:flex;justify-content:center;align-items:center;color:#fff;padding:10px 14px;border-radius:6px;cursor:pointer}.btnRoomPhone{transition:background-color .3s ease,opacity .3s ease}.btnRoom:hover,.btnRoomOptional:hover,.btnRoomPhone:hover{opacity:.8}.btnRoomPhoneInActive{background-color:#3b3d3f}.btnRoomPhoneActive{background-color:#f81849}@media screen and (max-width:968px){.mainRoomDisplay{flex-direction:column}.frameDisplay{width:100%}}@media screen and (max-width:425px){.player{height:223px}.video-container{margin-bottom:0}.person{width:130px;height:auto;aspect-ratio:16/9}}.vodcontrolsWrapper{padding:12px 16px;background-color:#3b3d3f;display:flex;flex-wrap:wrap;align-items:center;color:#fff}.vodControlsDefaultView{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.vodcontrolsWrapperTheatreView{position:fixed;bottom:0;left:0;width:80%;border-top:1px solid #3b3d3f;z-index:101;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:6px 8px}@media screen and (max-width:500px){.break-flex{flex-basis:100%;height:0}}.vodcontrolsButtonsContainer{display:flex;align-items:center;gap:8px}.seekbar{display:flex;align-items:center;flex-grow:1;margin-left:8px;margin-right:8px}.smallText{font-size:.9rem}.chatContainer{max-height:444px;background-color:#fff;flex-grow:1;padding-left:40px;height:100%}@media screen and (max-width:968px){.chatContainer{padding-left:0;width:400px}}@media screen and (max-width:320px){.chatContainer{padding-left:0;width:auto}}@media screen and (min-width:969px){.chatContainer{width:400px;max-width:400px}}.chatContainerTheatreView{position:fixed;top:0;left:80%;width:20%;height:100%;padding:10px;background-color:#fff;z-index:101;max-height:100%}@media screen and (max-width:768px){.chatContainerTheatreView{width:30%;left:70%}}.hideChatContainer{display:none}@media screen and (max-width:425px){.chatContainer{max-height:none;margin-bottom:100px}}.volumeBar{position:absolute;right:0;top:0}.volumeRangeComponent{transform:rotate(270deg) translate(60%,350%);z-index:1000;cursor:pointer}.playbackSpeedContainer{background-color:#3b3d3f;border:none;color:#fff}.playerDefaultView{position:relative;width:100%;height:100%;aspect-ratio:16/9;z-index:-10}.playerTheatreView{position:fixed;top:0;left:0;height:100%;z-index:100}.widthWithChat{width:80%}@media screen and (max-width:768px){.widthWithChat{width:70%}}.widthWithoutChat{width:100%}.heightWithChat{height:95%}.btnLeftWhenChatVisible{left:78%}@media screen and (max-width:768px){.btnLeftWhenChatVisible{left:65%}}.btnLeftWhenChatInvisible{left:94%}.animateDiv{transition:all .3s ease}.hideIfMobile{display:block}@media screen and (max-width:425px){.hideIfMobile{display:none}}.padIfMobile{height:0;@media screen and (max-width:425px){height:100px}}.playerFullScreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.vodcontrolsWrapperFullScreenView{position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:101;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:6px 8px}.personBtnControlsWrapper{position:absolute;bottom:0;left:15px;display:flex;justify-content:space-between}.personMediaNameWrapper{position:absolute;top:0;display:flex;justify-content:center;width:100%;background-color:rgba(59,61,63,.5);color:#fff}.personBtnControls{display:flex;width:50%;justify-content:center;align-items:center;gap:10px;z-index:1}.hiddenPeerVideo{visibility:hidden;position:absolute;width:0;height:0}.create-room-options{display:grid;grid-template-columns:auto auto}.create-room-options-title{display:flex;justify-items:center;font-weight:700;margin-bottom:10px}.playlist-item{display:flex;margin-top:8px}.playlist-thumbnail{height:50px;width:50px;overflow:hidden;flex-shrink:0}.playlist-content{display:flex;align-items:center;justify-content:space-between;margin-left:10px;flex-grow:1}.playlist-title{cursor:pointer}.playlist-title:hover{color:#00f}.playlistOptions{display:flex;align-items:center;gap:6px}.playlistModeButton{cursor:pointer}.cancel-icon{color:red;transition:color .15s ease-in}.cancel-icon:hover{color:#d10000}.roomInfoModal{padding:10px}.settingContent{display:flex;flex-direction:column;gap:8px;max-width:280px}.roleDisplay{position:absolute;right:0;top:0;padding:4px 6px}.peopleList{margin-top:8px}.banButton{background-color:red}.banButton,.promoteButton{color:#fff;cursor:pointer;padding:2px 3px;border-radius:8px;font-size:small;border:none}.promoteButton{background-color:#00f}.actionList{display:flex;column-gap:1px;row-gap:4px}.centerDivAbsolute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.tabContent{max-width:267px;max-height:450px;overflow-y:auto}@media screen and (max-width:1000px){.tabContent{max-width:100%}}.videoInputContainer{display:flex;align-items:center;gap:4px}@media screen and (max-width:425px){.videoInputContainer{flex-direction:column;justify-content:center}.urlInput{width:90%}.matchSelectorDiv{display:flex;justify-content:center}}.mediaDisplay,.mediaDisplayPlaceHolder{width:100%;height:100%;aspect-ratio:16/9;position:relative;border-radius:16px;background-color:#00f}.mediaDisplayPlaceHolderText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;cursor:pointer}.hideTabListActive{color:#fff;position:fixed;top:5%;right:0}.hideTabListInActive{position:relative;color:#fff}