.masklayer{width:100vw;height:100vh;-webkit-backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);position:absolute;top:0;left:0}.floatpage{z-index:999;display:none}.floatpage .wrap{width:70vw;color:#000;background:#fff;margin-top:7vh;margin-left:calc(15vw - 20px);padding:20px;display:none;position:relative;box-shadow:0 0 10px #0000006b}.floatpage .close{background:#b1b1b1!important}.floatpage .nofound{width:100%;text-align:center;color:#b3b3b3;padding:100px 0;font-size:14px;display:block}.floatpage .footer,.maskblacklayer .footer{text-align:center;color:#ffffff85;width:100%;font-size:12px;position:fixed;bottom:20px;left:0}.floatpage input:-webkit-autofill,.floatpage textarea:-webkit-autofill,.floatpage select:-webkit-autofill{background-color:#0000;background-image:none;transition:background-color 50000s ease-in-out;-webkit-text-fill-color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}#space-loadingpage{width:100%;height:100%;z-index:99;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;top:0;left:0}#space-loadingpage .masklayer{justify-content:center;align-items:center;display:flex}#space-loadingpage .spaceInfo .ownerProfile{gap:10px;margin:0;display:flex}#space-loadingpage .spaceInfo .ownerProfile .avatar{width:26px;height:26px;background-position:50%;background-size:cover;border-radius:50%}#space-loadingpage .spaceInfo .ownerProfile .name{font-size:14px;line-height:28px}#space-loadingpage .spaceInfo .spaceTitle{max-width:80vw;margin:10px 0 30px;font-size:40px;font-weight:700;display:block}#space-loadingpage .spaceInfo .logintip{color:#ffffff85;text-align:center;font-size:14px}#space-loadingpage .loadingbar{height:3px;width:100%;z-index:60;text-align:center;background:#ffffff45;margin-bottom:10px;font-size:14px;position:relative}#space-loadingpage .loadingbar .section-progress{margin-top:3px}#space-loadingpage .loadingbar .section-progress .progress-bar{width:1%;max-width:100%}.progress-bar-anim{-o-transition:.4s linear;-o-transition-property:width,background-color;transition:width .4s linear,background-color .4s linear}.progress-bar{height:3px;background-color:#fff;position:relative;overflow:hidden}.progress-bar:before,.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0}.progress-bar:before{border-radius:4px 4px 0 0;bottom:0}.progress-bar:after{z-index:2;bottom:45%}#loginpage .close{display:none}#loginpage .mpanologo img{max-width:100px}#loginpage .title{text-align:center;margin:20px 0;font-size:20px;font-weight:700}#loginpage .title img{max-width:100px}#loginpage .ccode{margin-left:10px;font-size:16px}#loginpage .mobileinput{background-color:#f3f3f3;border-radius:10px}#loginpage .mobileinput input{text-align:center;letter-spacing:2px;background:0 0;border:0;outline:none;font-size:18px}#loginpage .mobileinput input::-webkit-input-placeholder{letter-spacing:0;font-size:14px;font-weight:400}#loginpage .mobileinput input::-moz-placeholder{font-size:14px;font-weight:400}#loginpage .form-group{text-align:center;margin-top:20px;line-height:40px}#loginpage .form-group>label{width:100%;text-align:left;color:#505050;font-size:14px;display:block}#loginpage .tipinfo{color:#c1c1c1;font-size:12px}#loginpage .tipinfo a{color:#44a1dc;text-decoration:none}#loginpage .tipinfo a:visited{color:#44a1dc}#loginpage .btn{text-align:center;color:#fff;background:#44a1dc;border-radius:10px;text-decoration:none;display:block}#loginpage .disabled{pointer-events:none;background:#b9b9b9!important}#loginpage .wrap{max-width:400px;margin-left:auto;margin-right:auto}#loginpage .playermodels{grid-gap:10px;height:320px;max-height:calc(100vh - 500px);grid-template-columns:1fr 1fr 1fr;gap:10px;margin:0;padding:10px;list-style:none;display:grid;overflow-y:auto}#loginpage .playermodels img{width:100px;height:auto;max-width:calc(100% - 6px);max-height:100%;border:3px solid #d9d9d9}#loginpage .playermodels li{cursor:pointer;line-height:normal;position:relative}#loginpage .playermodels li.sel img{border:3px solid #44a1dc}#loginpage .playermodels:after{clear:both;content:" ";display:block}#loginpage .playermodels li span{color:#fff;text-shadow:0 0 3px #fff;padding:5px;font-size:12px;display:block;position:absolute;bottom:7px;right:8px}#loginpage .topright{float:right}#loginpage .topright a{color:#44a1dc;font-size:14px;text-decoration:none}#loginpage .qrlogin-view .qrcode img{max-height:200px;max-width:200px;margin:0 auto;display:block}#loginpage .qrlogin-view .qrcode .tip{color:#5e5e5e;margin:0;font-size:14px;display:block}body{cursor:grab}#mspace{z-index:9999;position:relative}.maincontainer *{pointer-events:all}.scaleIn{transition:all .3s cubic-bezier(.4,0,.2,1);animation-name:scaleIn;animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.avatarItem{width:40px;height:40px;display:flex}.avatarItem img{width:100%;height:100%;border:2px solid #2979ff;border-radius:50%}.avatar-container .avatarItem{cursor:pointer;margin-left:-12px}.ui-container{width:100%;height:100%;pointer-events:none;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;top:0;left:0}.ui-bar-top{pointer-events:none;grid-template-columns:1fr auto 1fr;grid-template-areas:"leaveButton topDock topRightContainer";padding:32px 32px 0;display:grid}.ui-bar-top .ui-topdock{flex-direction:column;grid-area:topDock;align-items:center;display:flex}.ui-bar-top .ui-toprightcontainer{grid-gap:16px;grid-area:topRightContainer;grid-auto-flow:column;justify-self:flex-end;align-items:start;display:grid}.ui-bar-top .ui-topleftcontainer,.ui-bar-top .ui-topleftcontainer *{pointer-events:none}.ui-bar-top .ui-topleftcontainer p{margin:0}.ui-bar-top .ui-topleftcontainer .roomlogo{max-height:26px;max-width:120px}.ui-bar-top .ui-topleftcontainer .roomtitle{text-shadow:0 3px 6px #000000bf;text-overflow:ellipsis;font-size:14px;font-weight:700}.ui-bar-top .ui-topdock .avatar-container{justify-content:center;align-items:center;display:flex}.ui-bar-bottom{pointer-events:none;grid-template:"bottomLeft mainDock bottomRight"100%/1fr auto 1fr;padding:12px 32px 32px;display:grid}.ui-bar-bottom .ui-bottomleft{width:-moz-fit-content;width:-moz-fit-content;width:-moz-fit-content;width:fit-content;grid-gap:16px;grid-area:bottomLeft;grid-auto-flow:column;align-self:flex-end;align-items:center;gap:16px;display:grid}.ui-bar-bottom .ui-maindock{grid-gap:16px;z-index:1;grid-area:mainDock;align-self:flex-end;justify-items:center;gap:16px;display:grid}.ui-bar-bottom .ui-bottomright{width:-moz-fit-content;width:-moz-fit-content;width:-moz-fit-content;width:fit-content;grid-gap:16px;z-index:2;pointer-events:none;grid-area:bottomRight;grid-template-rows:minmax(0,1fr);grid-auto-flow:column;justify-self:flex-end;align-items:flex-end;gap:16px;display:grid}.ui-bar-autoplay-bottom{height:50px;width:100%;justify-content:center;display:none;position:fixed;bottom:10px}.ui-bar-autoplay-bottom .ui-buttons-group{gap:30px;transform:scale(.8);display:grid!important}.ui-btn.js-like .svgicon.js-icon-like-1{color:#f66;display:none}.ui-btn.js-like.active .js-icon-like-0{display:none}.ui-btn.js-like.active .js-icon-like-1{display:inline-block}#invitePage .wrap{width:40vw;min-width:400px;margin-left:auto;margin-right:auto}#invitePage .inviteWrap{padding:10px 0}#invitePage .title{margin:10px 0;font-size:18px;font-weight:700}#invitePage .form-group{border:1px solid #d9d9d9;border-radius:5px;padding:15px;font-size:14px}#invitePage .form-group label{color:#787878}#invitePage .shareLink{margin-top:15px}#invitePage .shareLink .copyLink{float:right;color:#fff;background:#000;border-radius:5px;margin-top:2px;padding:4px 16px;font-size:12px;text-decoration:none}#invitePage .shareLink .url{width:calc(100% - 70px);color:#2a2a2a;word-break:break-all;display:block}#spacemenu{position:relative}#spacemenu .spacemenu_content{left:inherit;width:-moz-min-content;width:min-content;min-width:180px;transform-origin:100% 0;z-index:1000;max-height:75vh;color:#000;background-color:#fff;border-radius:8px;margin-left:auto;margin-right:auto;transition:all .3s;position:absolute;right:0;overflow-y:auto;transform:scale(0)}#spacemenu .hitslop{width:65px;height:65px;z-index:-1;display:none;position:absolute;top:-10px;left:-10px}#spacemenu .spacemenu_content ul{margin:0;padding:1.6rem 2rem;list-style:none}#spacemenu .spacemenu_content ul li{cursor:pointer;padding:.5rem 0;font-weight:700}#spacemenu .spacemenu_content ul li a{color:#000;text-decoration:none}#spacemenu .spacemenu_content ul li:hover a{opacity:.6;cursor:pointer}#spacemenu .spacemenu_content ul li:not(:first-child){margin-top:.5rem}#spacemenu .spacemenu_content ul li>hr{opacity:.4;margin-top:0;margin-bottom:20px}.chat-container{max-height:100%;width:100%;pointer-events:none;grid-template-rows:minmax(0,1fr) auto;justify-items:flex-end;display:grid}.chat-container.inactive .chat-list{margin-right:-500px}.chat-container .chat-list{height:100%;width:-moz-fit-content;width:-moz-fit-content;width:fit-content;scrollbar-width:none;-ms-overflow-style:none;margin-right:-96px;overflow-x:visible;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 24px calc(100% - 20px),#0003 calc(100% - 8px),#0000001a calc(100% - 4px),#0000);-webkit-mask-position:0 0;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.chat-container .chat-list::-webkit-scrollbar{display:none}.chat-container .chat-list ul{grid-row-gap:8px;grid-auto-flow:row;justify-items:flex-end;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.chat-container .chat-list ul li{margin-bottom:.5rem}.chat-container .chat-list ul li:first-child{margin-top:24px}.chat-container .chat-list ul li:last-child{margin-bottom:20px}.chat-container .chat-list .chat-msg{color:#fff;min-height:32px;width:auto;background-color:#0000004d;border-radius:0 8px 8px;flex-direction:column;align-items:flex-start;margin:0 32px 0 16px;padding:8px 16px 8px 24px;font-size:.75rem;display:flex;position:relative}.chat-container .chat-list .chat-msg .avatarItem{width:28px;height:28px;position:absolute;top:0;left:-16px}.chat-container .chat-list .chat-msg .msg-name{color:#a9a9a9}.chat-container .chat-list .chat-msg .msg-content{word-break:break-all;margin-top:2px}.chat-container .chat-input-container{height:42px;width:calc(100% - 52px);background-color:#00000040;border:2px solid #0000;border-radius:32px;grid-template-columns:minmax(0,1fr) auto;align-self:flex-end;align-items:center;padding:0 16px;display:grid;position:relative}.chat-container .chat-input-container input{color:#fff;resize:none;background-color:#0000;border:none;outline:none}.chat-container .chat-input-container input::-webkit-input-placeholder{color:#ffffff80}.chat-container .chat-input-container input::-moz-placeholder{color:#ffffff80}.chat-container .chat-input-container .chat-input-buttons{grid-gap:14px;grid-auto-flow:column;gap:14px;display:grid}.chat-container .chat-input-container .chat-input-buttons .inputActionButton{width:24px;height:24px;color:#fff}.chat-container .chat-input-container .chat-input-buttons .inputActionButton svg{fill:currentColor;width:100%;height:100%;display:inline-block}.chat-container .chat-input-container .chat-input-buttons .inputActionButton .smallsvg{width:16px;height:16px;margin-top:4px;margin-left:auto;margin-right:auto;display:block}.user-profile{width:48px;height:48px;z-index:3;cursor:pointer;border-radius:50%;align-self:flex-end}.ui-buttons{grid-gap:16px;grid-auto-flow:column;justify-content:center;justify-items:center;gap:16px;display:grid}.ui-btn{color:#fff;width:-moz-min-content;width:min-content;white-space:nowrap;background-color:#00000040;border-radius:36px;justify-content:center;align-self:flex-start;gap:8px;padding:12px 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;pointer-events:all!important}.ui-btn:hover{transform:scale(1.1);box-shadow:0 16px 48px #0000003d}.ui-btn.ui-btn-circle{width:46px;height:46px;align-items:center;padding:0}.ui-btn .svgicon{width:1.375rem;height:1.375rem;display:inline-block}.ui-btn .svgicon svg{fill:currentColor;width:100%;height:100%;-webkit-user-select:none;user-select:none;font-size:1.5rem;display:inline-block}.js-mic-switch .svgicon.unmute,.js-mic-switch.on .svgicon.mute{display:none}.js-mic-switch.on .svgicon.unmute{display:inherit}.js-mic-switch.on{color:#28f;background:#fff}#remote-container{width:0;height:0;display:none}#mspace[trtcstate="0"] .js-mic-switch,#mspace[trtcstate="2"] .js-joinroom,#mspace:not([trtcstate="2"]) .js-menu-leaveroom,#mspace[trtcstate="2"] .js-menu-joinroom{display:none}.trtc_autoplay_mask{display:none!important}#mspace li[disabled],#mspace div[disabled],#mspace[trtcstate="0"] .js-menu-screen-share,#mspace[trtcstate="0"] .js-menu-screen-stopshare,#mspace:not([screenshare="0"]) .js-menu-screen-share,#mspace:not([screenshare="1"]) .js-menu-screen-stopshare{display:none}#settingpage .title{text-align:center;margin:15px 0 30px;font-size:24px;font-weight:700}#settingpage .section{padding:0 30px}#settingpage .form-group{grid-template-columns:.6fr 1fr;margin-bottom:30px;display:grid}#settingpage .form-group label{color:#7a7a7a;font-size:14px;font-weight:700;line-height:32px}#settingpage .form-group select{min-width:150px;border:1px solid #e1e1e1;border-radius:4px;padding:6px 10px;font-size:14px;line-height:41px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;display:inline-block}#settingpage .form-control:focus{box-shadow:none;border-color:#3c8dbc;outline:0}#screenSelect .screenList{justify-content:center;gap:10px;margin:0;padding:50px 0 0;display:flex}#screenSelect .screenList li{color:#818181;text-align:center;cursor:pointer;background:#f1f1f1;border:1px solid #dfdfdf;margin:0 0 20px;padding:28px 40px;font-size:14px;list-style:none}#screenSelect .screenList li:hover{opacity:.7;color:#2c5f89;background:#d2ebff}#screenSelect .screenList li.inuse{opacity:.7;color:#818181;cursor:not-allowed;background:#f1f1f1}#screenSelect .screenList li>p{pointer-events:none;margin:0}#screenSelect .screenList svg{fill:currentColor;width:60px}#screenSelect .screenList label{pointer-events:none;font-size:16px;font-weight:300;line-height:35px}#rocker-container{width:100%;pointer-events:none;display:none;position:fixed;bottom:50px;left:0}#mspace[hframeautoplay="1"] #rocker-container{display:none!important}#subtitles-container{width:100%;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;bottom:130px}#subtitles-container .usersubtitles{min-width:150px;max-width:90vw;width:max-content;text-align:left;background:#ffffff1f;border-radius:4px;margin:30px auto 0;padding:6px 10px;font-size:18px;display:block;position:relative}#subtitles-container .usersubtitles p{margin:0}#subtitles-container .usersubtitles p.nametag{color:#555;background:#fffacf;border-radius:4px;padding:2px 5px;font-size:14px;font-weight:700;position:absolute;top:-15px}#subtitles-container *{pointer-events:none}@media screen and (max-width:720px){#loginpage .playermodels{max-height:175px}}@media screen and (orientation:portrait) and (max-width:600px){.ui-bar-top{padding:20px 15px 0}.ui-bar-top .ui-topleftcontainer .roomlogo{max-height:20px}.ui-btn{padding:6px 14px;font-size:14px}.ui-btn.ui-btn-circle{width:34px;height:34px}.chat-container .chat-input-container{height:30px}.user-profile{width:34px;height:34px}.avatarItem{width:32px;height:32px}.floatpage .wrap{max-width:calc(100% - 100px)}.js-like,.js-invite,.js-takephoto,.js-controlguide,.js-chatbtn-emoji,.js-joinroom,#autoplay-panel,.js-invite,.funcgroup-screenshare{display:none}.ui-bar-bottom{grid-template-columns:0 1fr 2fr}.ui-bar-bottom .ui-maindock{justify-items:start}.ui-topdock{position:fixed;top:70px;left:20px;transform:scale(.8)}.ui-bottomright *{pointer-events:none;opacity:.95}.ui-bottomright .chat-input-container *{pointer-events:all}#mspace[hframeautoplay="1"] .ui-bar-bottom{display:none}#mspace[hframeautoplay="1"] .ui-bar-autoplay-bottom{display:grid}#space-loadingpage .spaceInfo .spaceTitle{font-size:30px}#rocker-container{display:block;bottom:65px}#rocker-container #rocker{margin:0 auto}#loginpage .wrap{max-width:80vw}}@media screen and (orientation:landscape) and (max-width:900px) and (max-height:500px){.ui-bar-top{padding:20px 15px 0}.ui-bar-top .ui-topleftcontainer .roomlogo{max-height:20px}.ui-btn{padding:6px 14px;font-size:14px}.ui-btn.ui-btn-circle{width:34px;height:34px}.chat-container .chat-input-container{height:30px}.user-profile{width:34px;height:34px}.avatarItem{width:32px;height:32px}.floatpage .wrap{max-height:calc(80vh - 40px);max-width:calc(90% - 40px);overflow-y:auto}.js-controlguide,.js-joinroom,#autoplay-panel,.js-invite,.js-chatbtn-emoji,.funcgroup-screenshare{display:none}.ui-bar-bottom{padding-bottom:12px}.ui-topdock{position:fixed;top:70px;left:20px;transform:scale(.8)}.ui-bottomright *{pointer-events:none;opacity:.95}.ui-bottomright .chat-input-container *{pointer-events:all}#mspace[hframeautoplay="1"] .ui-bar-bottom{display:none}#mspace[hframeautoplay="1"] .ui-bar-autoplay-bottom{display:grid}#rocker-container{padding-left:30px;display:block}#loginpage .mpanologo{display:none}#loginpage .title{text-align:left;margin:5px 0}#loginpage .wrap{padding:15px 20px}#loginpage .form-group{margin-top:15px;line-height:35px}#loginpage .form-group>label{width:30%;float:left}#loginpage .form-group .mobileinput{width:60%;float:right}#loginpage .form-group:after{content:" ";clear:both;display:block}#loginpage .form-group .mobileinput .playermodels{max-height:70px;grid-template-columns:1fr 1fr 1fr 1fr 1fr}#loginpage .playermodels li img{width:50px}#loginpage .playermodels li span{display:none}}