:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--frame-view-max-width: 800px}a{font-weight:500;color:#646cff;text-decoration:inherit}body{margin:0;padding:0;border:0;box-sizing:border-box}.btn{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:1.2;border-radius:4px;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;-webkit-font-smoothing:auto;text-align:center}.btn.btn-primary{background-color:#1989fa;color:#fff;border:1px solid #1989fa;width:100%;font-size:14px;border-radius:22px;text-align:center}button{cursor:pointer;font-weight:500;font-size:1em;padding:.6em 1.2em;border:0;width:100%;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:none;box-shadow:none;-webkit-appearance:none}#app{margin:0 auto;padding:0;text-align:center;box-sizing:border-box;border:0;display:flex;align-items:center}input{font-size:14px}.overlay{position:fixed;top:0;z-index:99;width:var(--frame-view-max-width);height:100%;background:#000000b3}.notify{position:absolute;top:0;background-color:#f62138;color:#fff;text-align:center;line-height:40px;height:40px;width:100vw;font-size:14px;overflow:hidden;transition:height .5s ease,padding .5s ease}@media (max-width: 500px){.overlay{width:100vw}}.ui-dialog{z-index:2001;top:45%;left:50%;width:320px;overflow:hidden;font-size:16px;background:#fff;border-radius:16px;backface-visibility:hidden;transition:.3s;transition-property:transform,opacity;transform:translate3d(-50%,-50%,0);position:fixed;max-height:100%}.ui-dialog-title{font-weight:700;font-size:18px;line-height:60px;text-align:center}.ui-dialog-content{min-height:80px;line-height:25px;font-size:14px;color:#555;text-align:left;padding:0 15px 15px}.ui-dialog .action{border-top:1px solid #f6f5f5;height:50px;line-height:50px}.ui-dialog .action .confirm{font-size:16px;font-weight:700;color:#ee0a24;background-color:#fff}:root{--frame-view-max-width: 800px;--video-max-height: calc(var(--frame-view-max-width) * 540 / 960);--msg-input-box-height: 55px;--msg-input-height: 55px}.body-view{display:block;height:100vh;width:var(--frame-view-max-width);background-color:#ecf0f1;box-sizing:border-box;padding:0;border:0;overflow:hidden;margin:0 auto;position:relative}.video-surface{position:absolute;top:0;left:0;width:100%;height:auto}.live-video-player{width:100%;height:var(--video-max-height)}.video-wrapper{width:var(--frame-view-max-width);height:var(--video-max-height);border:0;padding:0;margin:0;z-index:10;position:fixed}.msg-input-box{height:calc(var(--msg-input-box-height));text-align:left;overflow:hidden;box-sizing:border-box;background-color:#fff;margin:0;padding:0;border:0;width:var(--frame-view-max-width)}.ipt-item{display:inline-block;box-sizing:border-box;margin:0;height:var(--msg-input-box-height);line-height:var(--msg-input-box-height);border:0;font-size:14px;padding:0;width:15%;position:relative}.ipt-item.ipt-text{width:70%;background-color:#fff}.ipt-item.ipt-button-emo{background-color:#1989fa}.ipt-item.ipt-button-send{width:30%;background-color:#07c160}.ipt-item.ipt-button-magic{background-color:#ed4545}.ipt-item .btn{width:100%;margin:0;border:0 solid #fff;font-size:14px;box-sizing:border-box;border-radius:0;color:#fff;height:var(--msg-input-height);position:absolute;top:0}.ipt-item .ipt{position:absolute;top:0}.ipt-item .btn-magic{background-color:#ed4545}.ipt-item .btn.btn-emo{background-color:#1989fa}.ipt-item .btn.btn-send{width:100%;color:#fff;background-color:#07c160}.ipt-item .ipt.ipt-msg{margin:0;font-size:14px;display:inline-block;line-height:var(--msg-input-height);height:var(--msg-input-height);outline:none;border:0 solid #fff;width:70%;box-sizing:border-box;padding:0 10px}.nick{font-size:12px;position:absolute;max-width:120px;display:block;min-width:100px;overflow:hidden}.right-dialog .nick{text-align:right;right:0;margin:6px 6px 0 0}.left-dialog .nick{text-align:left;left:0;margin:6px 0 0 6px}.avatar{width:32px;height:32px}.right-dialog .avatar{position:absolute;right:-35px}.left-dialog .avatar{position:absolute;left:-35px}.content{overflow:auto;background:#ecf0f1;height:calc(100vh - var(--video-max-height) - var(--msg-input-box-height));padding:0;margin:var(--video-max-height) 0 0 0;box-sizing:border-box;z-index:1}.conversation-wrapper{padding:0 10px;text-align:left;box-sizing:border-box}.message-line{margin-bottom:10px;position:relative}.message-line:has(>.right-dialog){text-align:right}.message-line:has(>.left-dialog){text-align:left}.msg-dialog{text-align:left;position:relative;display:inline-block;min-width:50px;max-width:95%}.message-body{font-size:14px;color:#555;background:#fff;border-radius:15px;padding:1px 20px;margin-top:35px;position:relative;box-sizing:border-box;text-align:left}.msg-dialog p{padding:0;line-height:20px}.left-dialog{margin:.7em 0 0 35px}.right-dialog{margin:.7em 35px 0 0;text-align:right;float:right}.left-dialog .message-body:before,.right-dialog .message-body:before{content:"";position:absolute;top:50%;margin-top:-15px;border:15px solid transparent}.left-dialog .message-body:before{border-right:15px solid #fff;left:-23px}.right-dialog .message-body:before{right:-23px;border-left:15px solid #fff}ul.emo-ul,ul.magic-ul{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}ul.emo-ul{padding:10px}.emo-btn>li{margin-right:10px;margin-bottom:10px;background-color:#f0f0f0;padding:10px;border-radius:4px}.magic-btn{width:33.333vw;height:auto}.emo-btn{width:10vw;height:auto;padding:5px;box-sizing:border-box}.v3-emoji-picker{width:100vw}.msg-time{font-size:12px;position:absolute;color:#aaa8a8;width:100px;top:calc(.7em + 6px)}.right-dialog-msg-time{left:0;text-align:left}.left-dialog-msg-time{right:0;text-align:right}.message-body.ct-5{display:flex}.message-body.ct-6{padding:10px 20px}.emoji{width:22px;height:22px;margin:13px 0}@media (max-width: 500px){.body-view{width:100%}.video-wrapper{width:100vw;height:56.25vw}.msg-input-box{width:100vw}.video-surface{position:absolute;top:0;left:0;width:100%;height:auto;z-index:100}.live-video-player{width:100%;height:56.25vw}.content{height:calc(100vh - 56.25vw - var(--msg-input-box-height));margin:56.25vw 0 0}.nick{width:50vw}}.login-frame{display:block;height:auto;width:800px;padding-top:5vh;margin:0 auto}@media (max-width: 500px){.login-frame{width:100%;padding-top:20px}}.cell{text-align:left;padding:.5rem .8rem}.cell.enter-room{padding:0 .8rem}.cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;transform:scaleY(.5)}.cell.enter-room a{display:block;text-align:center;margin-top:16px;font-size:12px;color:#39f}.ipt-wrapper{display:block}.ipt-error-message{color:#ee0a24;font-size:12px;text-align:left}.ipt-wrapper .ipt{display:inline-block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:#323233;line-height:24px;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto;padding-block:1px;padding-inline:2px;outline:none}.ipt::placeholder{color:#b5b3b3}.loader-button-content[data-v-75e40238]{margin-left:auto;margin-right:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.loader[data-v-75e40238]{width:25px;height:25px;position:relative;margin:auto;line-height:100%}.circular[data-v-75e40238]{animation:rotate-75e40238 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0}.path[data-v-75e40238]{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:#fff;stroke-width:2;fill:none;animation:dash-75e40238 1.5s ease-in-out infinite}@keyframes rotate-75e40238{to{transform:rotate(360deg)}}@keyframes dash-75e40238{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}