@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(/fonts/Roboto-light-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(/fonts/Roboto-light.woff2) format("woff2"),url(/fonts/Roboto-light.ttf) format("ttf");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-regular-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-regular.woff2) format("woff2"),url(/fonts/Roboto-regular.ttf) format("ttf");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(/fonts/Roboto-medium-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(/fonts/Roboto-medium.woff2) format("woff2"),url(/fonts/Roboto-medium.ttf) format("ttf");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}*,*:before,*:after{box-sizing:border-box;outline:none}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{background:none;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}[data-component=Room]{position:relative;height:100%;width:100%;will-change:opacity}[data-component=Room].Appear-appear{opacity:0}[data-component=Room].Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:.3s;opacity:1}[data-component=Room]>.state{position:fixed;z-index:100;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:25px;background-color:#243b55bf}@media (min-device-width: 1025px){[data-component=Room]>.state{top:20px;left:20px;width:124px}}@media (max-device-width: 720px){[data-component=Room]>.state{top:10px;left:10px;width:110px}}[data-component=Room]>.state>.icon{flex:0 0 auto;border-radius:100%}@media (min-device-width: 1025px){[data-component=Room]>.state>.icon{margin:6px 0 6px 6px;height:16px;width:16px}}@media (max-device-width: 720px){[data-component=Room]>.state>.icon{margin:4px 0 4px 4px;height:16px;width:16px}}[data-component=Room]>.state>.icon.new,[data-component=Room]>.state>.icon.closed{background-color:#aaaaaa80}[data-component=Room]>.state>.icon.connecting{animation:Room-info-state-connecting .75s infinite linear}[data-component=Room]>.state>.icon.connected{background-color:#30bd18bf}@media (max-device-width: 720px){[data-component=Room]>.state>.icon.connected{display:none}}[data-component=Room]>.state>.text{flex:100 0 auto;-ms-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none;text-align:center;text-transform:uppercase;font-family:Roboto;font-weight:400;color:#ffffffbf}@media (min-device-width: 1025px){[data-component=Room]>.state>.text{font-size:12px}}@media (max-device-width: 720px){[data-component=Room]>.state>.text{font-size:10px}}@media (max-device-width: 720px){[data-component=Room]>.state>.text.connected{display:none}}[data-component=Room]>.info{position:fixed;z-index:100}@media (min-device-width: 1025px){[data-component=Room]>.info{top:55px;left:20px;width:124px}}@media (max-device-width: 720px){[data-component=Room]>.info{top:40px;height:18px;width:110px}}[data-component=Room]>.info>p.text{height:18px;left:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex:100 0 auto;-ms-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none;text-align:center;font-family:Roboto;font-weight:400;color:#ffffffbf;border-radius:25px;background-color:#243b55bf;margin-bottom:2px}@media (min-device-width: 1025px){[data-component=Room]>.info>p.text{font-size:11px}}@media (max-device-width: 720px){[data-component=Room]>.info>p.text{font-size:9px}}[data-component=Room]>.info>p.text>span.label{color:#ffffff73}[data-component=Room]>.room-link-wrapper{pointer-events:none;position:absolute;z-index:1;top:0;left:0;right:0;display:flex;flex-direction:row;justify-content:center}[data-component=Room]>.room-link-wrapper>.room-link{width:auto;background-color:#243b55bf;border-bottom-right-radius:4px;border-bottom-left-radius:4px;box-shadow:0 3px 12px 2px #1116}[data-component=Room]>.room-link-wrapper>.room-link>a.link{display:block;-ms-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:auto;text-transform:uppercase;font-family:Roboto;font-weight:400;color:#ffffffbf;cursor:pointer;text-decoration:none;transition-property:color;transition-duration:.1s}@media (min-device-width: 1025px){[data-component=Room]>.room-link-wrapper>.room-link>a.link{padding:10px 20px;font-size:12px}}@media (max-device-width: 720px){[data-component=Room]>.room-link-wrapper>.room-link>a.link{padding:6px 10px;font-size:10px}}[data-component=Room]>.room-link-wrapper>.room-link>a.link:hover{color:#fff;text-decoration:underline}[data-component=Room]>.main-content{position:fixed;top:0;left:0;right:0;bottom:80px;width:100vw;height:calc(100vh - 80px);z-index:1;overflow-y:auto;display:flex;flex-direction:column}@media (max-device-width: 720px){[data-component=Room]>.main-content{bottom:60px;height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:0}}[data-component=Room]>.video-grid-container{flex:1;min-height:0;display:flex;flex-direction:column}@media (max-device-width: 720px){[data-component=Room]>.video-grid-container{padding:0;width:100%;overflow:visible}}[data-component=Room]>.sticky-footer{position:fixed;bottom:0;left:0;right:0;height:80px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:2px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #0000004d,0 -2px 8px #0003;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-component=Room]>.sticky-footer .footer-buttons{display:flex;gap:20px;align-items:center}[data-component=Room]>.sticky-footer .footer-buttons .footer-btn{padding:12px 24px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}[data-component=Room]>.sticky-footer .footer-buttons .footer-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}[data-component=Room]>.sticky-footer .footer-buttons .footer-btn.close-btn{border-color:#f44336;background:#f4433633}[data-component=Room]>.sticky-footer .footer-buttons .footer-btn.close-btn:hover{background:#f443364d;border-color:#f44336}[data-component=Room]>.sticky-footer .footer-buttons .footer-btn.chat-btn{border-color:#2196f3;background:#2196f333}[data-component=Room]>.sticky-footer .footer-buttons .footer-btn.chat-btn:hover{background:#2196f34d;border-color:#2196f3}@media (max-device-width: 720px){[data-component=Room]>.sticky-footer{height:60px;padding:0 16px}[data-component=Room]>.sticky-footer .footer-buttons{gap:16px}[data-component=Room]>.sticky-footer .footer-buttons .footer-btn{padding:8px 16px;font-size:12px;border-radius:6px}}[data-component=Room]>.me-container{position:fixed;z-index:100;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px #0000004d,0 2px 8px #0003;background:linear-gradient(135deg,#1a1a2e,#16213e);transition:all .3s ease-in-out}[data-component=Room]>.me-container:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0006,0 4px 12px #0000004d}[data-component=Room]>.me-container.active-speaker{border-color:#4caf50;box-shadow:0 0 25px #4caf5066,0 4px 20px #0000004d}@media (min-device-width: 1025px){[data-component=Room]>.me-container{height:250px;width:294px;bottom:60px;left:20px;border:2px solid rgba(255,255,255,.15)}}@media (max-device-width: 720px){[data-component=Room]>.me-container{height:220px;width:200px;bottom:50px;left:10px;border:2px solid rgba(255,255,255,.25)}}[data-component=Room]>.chat-input-container{position:fixed;z-index:100;overflow:hidden;box-shadow:0 5px 12px 2px #11111180}@media (min-device-width: 1025px){[data-component=Room]>.chat-input-container{height:30px;width:294px;bottom:20px;left:20px;border:1px solid rgba(255,255,255,.15)}}@media (max-device-width: 720px){[data-component=Room]>.chat-input-container{height:30px;width:200px;bottom:10px;left:10px;border:1px solid rgba(255,255,255,.25)}}[data-component=Room]>.sidebar{position:fixed;z-index:101;top:calc(50% - 60px);height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-device-width: 1025px){[data-component=Room]>.sidebar{left:20px;width:36px;margin-top:-60px}}@media (max-device-width: 720px){[data-component=Room]>.sidebar{left:10px;width:32px;margin-top:-80px}}[data-component=Room]>.sidebar>.button{flex:0 0 auto;margin:4px 0;background-position:center;background-size:75%;background-repeat:no-repeat;background-color:#243b55bf;cursor:pointer;transition-property:opacity,background-color;transition-duration:.2s;border-radius:100%}@media (min-device-width: 1025px){[data-component=Room]>.sidebar>.button{height:36px;width:36px}}@media (max-device-width: 720px){[data-component=Room]>.sidebar>.button{height:32px;width:32px}}[data-component=Room]>.sidebar>.button.on{background-color:#ffffffb3}[data-component=Room]>.sidebar>.button.disabled{pointer-events:none;opacity:.5;transition-duration:0s}[data-component=Room]>.sidebar>.button.hide-videos{background-image:url(/images/icon_video_white_on.svg)}[data-component=Room]>.sidebar>.button.hide-videos.on{background-image:url(/images/icon_video_black_off.svg)}[data-component=Room]>.sidebar>.button.mute-audio{background-image:url(/images/icon_volume_white_on.svg)}[data-component=Room]>.sidebar>.button.mute-audio.on{background-image:url(/images/icon_volume_black_off.svg)}[data-component=Room]>.sidebar>.button.restart-ice{background-image:url(/images/icon_restart_ice_white.svg)}@keyframes Room-info-state-connecting{50%{background-color:#ffa500bf}}[data-component=Me]{position:relative;height:100%;width:100%}[data-component=Me]>.controls{position:fixed;z-index:10;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;pointer-events:none}[data-component=Me]>.controls>.button{flex:0 0 auto;margin:6px;border-radius:50%;pointer-events:auto;background-position:center;background-size:75%;background-repeat:no-repeat;background-color:#00000080;cursor:pointer;transition-property:opacity,background-color;transition-duration:.15s}@media (min-device-width: 1025px){[data-component=Me]>.controls>.button{width:48px;height:48px;opacity:.9}[data-component=Me]>.controls>.button:hover{opacity:1}}@media (max-device-width: 720px){[data-component=Me]>.controls>.button{width:40px;height:40px}}[data-component=Me]>.controls>.button.unsupported{pointer-events:none}[data-component=Me]>.controls>.button.disabled{pointer-events:none;opacity:.5}[data-component=Me]>.controls>.button.on{background-color:#ffffffd9}[data-component=Me]>.controls>.button.mic.on{background-image:url(/images/icon_mic_black_on.svg)}[data-component=Me]>.controls>.button.mic.off{background-image:url(/images/icon_mic_white_off.svg);background-color:#d42241b3}[data-component=Me]>.controls>.button.mic.unsupported{background-image:url(/images/icon_mic_white_unsupported.svg)}[data-component=Me]>.controls>.button.webcam.on{background-image:url(/images/icon_webcam_black_on.svg)}[data-component=Me]>.controls>.button.webcam.off{background-image:url(/images/icon_webcam_white_on.svg)}[data-component=Me]>.controls>.button.webcam.unsupported{background-image:url(/images/icon_webcam_white_unsupported.svg)}[data-component=Me]>.controls>.button.change-webcam.on{background-image:url(/images/icon_change_webcam_black.svg)}[data-component=Me]>.controls>.button.change-webcam.unsupported{background-image:url(/images/icon_change_webcam_white_unsupported.svg)}[data-component=Me]>.controls>.button.share.on{background-image:url(/images/icon_share_black_on.svg)}[data-component=Me]>.controls>.button.share.off{background-image:url(/images/icon_share_white_on.svg)}[data-component=Me]>.controls>.button.share.unsupported{background-image:url(/images/icon_share_white_unsupported.svg)}[data-component=VideoGrid].video-grid{display:grid;padding:8px;gap:6px;width:100%;height:100%;box-sizing:border-box;background:#1a1a2e}[data-component=VideoGrid].video-grid.grid-1{grid-template-columns:1fr;place-items:center}[data-component=VideoGrid].video-grid.grid-2{grid-template-columns:1fr 1fr}[data-component=VideoGrid].video-grid.grid-3,[data-component=VideoGrid].video-grid.grid-4,[data-component=VideoGrid].video-grid.grid-5,[data-component=VideoGrid].video-grid.grid-6,[data-component=VideoGrid].video-grid.grid-7-9,[data-component=VideoGrid].video-grid.grid-many{grid-template-columns:repeat(3,1fr)}[data-component=VideoGrid].video-grid.tall-mode .participant-container{height:80vh;max-height:80vh;min-height:400px}[data-component=VideoGrid].video-grid.uniform-mode .participant-container{height:50vh;max-height:50vh;min-height:250px}[data-component=VideoGrid].video-grid .participant-container{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0000004d,0 2px 8px #0003;overflow:hidden;transition:all .3s ease-in-out;will-change:opacity}[data-component=VideoGrid].video-grid .participant-container.Appear-appear{opacity:0}[data-component=VideoGrid].video-grid .participant-container.Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:1s;opacity:1}[data-component=VideoGrid].video-grid .participant-container.active-speaker{border-color:#4caf50;box-shadow:0 0 25px #4caf5066,0 4px 20px #0000004d}[data-component=VideoGrid].video-grid .participant-container.local-participant{border-color:#2196f3}[data-component=VideoGrid].video-grid .participant-container video{width:100%;height:100%;object-fit:cover;border-radius:10px}[data-component=VideoGrid].video-grid .participant-container .participant-label{position:absolute;bottom:12px;right:12px;background:#000c;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);z-index:10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px)}[data-component=VideoGrid].video-grid .participant-container [data-component=Me]{width:100%;height:100%}[data-component=VideoGrid].video-grid .participant-container [data-component=Me] .view{width:100%;height:100%;border-radius:10px;overflow:hidden}[data-component=VideoGrid].video-grid .participant-container [data-component=Me] .view video{width:100%;height:100%;object-fit:cover}[data-component=VideoGrid].video-grid .participant-container [data-component=Peer]{width:100%;height:100%}[data-component=VideoGrid].video-grid .participant-container [data-component=Peer] .view{width:100%;height:100%;border-radius:10px;overflow:hidden}[data-component=VideoGrid].video-grid .participant-container [data-component=Peer] .view video{width:100%;height:100%;object-fit:cover}@media (min-device-width: 721px) and (max-device-width: 1024px){[data-component=VideoGrid].video-grid{padding:6px;gap:6px}[data-component=VideoGrid].video-grid.tall-mode .participant-container{height:60vh;max-height:60vh;min-height:300px}[data-component=VideoGrid].video-grid.uniform-mode .participant-container{height:40vh;max-height:40vh;min-height:200px}}@media (max-device-width: 720px){[data-component=VideoGrid].video-grid{padding:4px;gap:8px;grid-template-columns:1fr!important;justify-items:center}[data-component=VideoGrid].video-grid.tall-mode .participant-container{height:70vh;max-height:70vh;min-height:280px;width:95%}[data-component=VideoGrid].video-grid.uniform-mode .participant-container{height:60vh;max-height:60vh;min-height:240px;width:95%}[data-component=VideoGrid].video-grid .participant-container{border-radius:8px;width:95%}[data-component=VideoGrid].video-grid .participant-container .participant-label{font-size:11px;padding:6px 10px;bottom:10px;right:10px}}@media (max-width: 480px) and (orientation: portrait){[data-component=VideoGrid].video-grid{padding:6px;gap:12px}[data-component=VideoGrid].video-grid.tall-mode .participant-container{height:80vh;max-height:80vh;min-height:320px;width:98%}[data-component=VideoGrid].video-grid.uniform-mode .participant-container{height:65vh;max-height:65vh;min-height:260px;width:98%}[data-component=VideoGrid].video-grid .participant-container{width:98%}[data-component=VideoGrid].video-grid .participant-container .participant-label{font-size:12px;padding:8px 12px;bottom:12px;right:12px;border-radius:6px}}[data-component=ChatInput]{position:relative;height:100%;width:100%}[data-component=ChatInput]>textarea{height:100%;width:100%;padding:4px 8px;resize:none;outline:none;background-color:#243b55;color:#fff;font-family:inherit;font-size:13px;font-weight:400;line-height:22px;border:none}[data-component=ChatInput]>textarea::-webkit-input-placeholder{color:#ffffff59}[data-component=ChatInput]>textarea:-moz-placeholder{color:#ffffff59}[data-component=ChatInput]>textarea::-moz-placeholder{color:#ffffff59}[data-component=ChatInput]>textarea:-ms-input-placeholder{color:#ffffff59}[data-component=ChatInput]>textarea:disabled{opacity:.65}[data-component=Peers]{min-height:100%;width:100%}@media (min-device-width: 1025px){[data-component=Peers]{width:100%;padding:20px;display:grid;gap:8px;justify-items:center;align-items:start}[data-component=Peers].single-participant{grid-template-columns:1fr}[data-component=Peers].single-participant .peer-container{width:min(80vw,1200px);height:min(80vh,600px)}[data-component=Peers].two-participants{grid-template-columns:repeat(2,1fr)}[data-component=Peers].two-participants .peer-container{width:100%;height:min(80vh,600px)}[data-component=Peers].three-participants{grid-template-columns:repeat(3,1fr)}[data-component=Peers].three-participants .peer-container{width:100%;height:min(80vh,600px)}[data-component=Peers].multi-participants{grid-template-columns:repeat(3,1fr)}[data-component=Peers].multi-participants .peer-container.first-row{height:min(80vh,600px)}[data-component=Peers].multi-participants .peer-container.subsequent-row{height:min(40vh,300px)}}@media (max-device-width: 720px){[data-component=Peers]{min-height:100vh;width:100%;padding:10px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;align-items:center}[data-component=Peers].single-participant .peer-container,[data-component=Peers].two-participants .peer-container,[data-component=Peers].three-participants .peer-container,[data-component=Peers].multi-participants .peer-container{width:100%;height:30vh;min-height:200px;border-radius:12px;border:2px solid rgba(255,255,255,.25);box-shadow:0 4px 15px #00000040,0 2px 6px #00000026}[data-component=Peers].single-participant .peer-container.active-speaker,[data-component=Peers].two-participants .peer-container.active-speaker,[data-component=Peers].three-participants .peer-container.active-speaker,[data-component=Peers].multi-participants .peer-container.active-speaker{order:-1;height:40vh;min-height:250px;border-color:#4caf50;box-shadow:0 0 20px #4caf504d,0 4px 15px #00000040}[data-component=Peers].single-participant .peer-container video,[data-component=Peers].two-participants .peer-container video,[data-component=Peers].three-participants .peer-container video,[data-component=Peers].multi-participants .peer-container video{width:100%;height:100%;object-fit:cover;border-radius:10px}[data-component=Peers].single-participant .peer-container:after,[data-component=Peers].two-participants .peer-container:after,[data-component=Peers].three-participants .peer-container:after,[data-component=Peers].multi-participants .peer-container:after{content:attr(data-peer-name);position:absolute;bottom:8px;left:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);z-index:10}}[data-component=Peers]>.peer-container{overflow:hidden;border-radius:12px;position:relative;will-change:opacity}[data-component=Peers]>.peer-container.Appear-appear{opacity:0}[data-component=Peers]>.peer-container.Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:1s;opacity:1}@media (min-device-width: 1025px){[data-component=Peers]>.peer-container{flex:0 0 auto;width:100%;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0000004d,0 2px 8px #0003;background:linear-gradient(135deg,#1a1a2e,#16213e);transition:all .3s ease-in-out}[data-component=Peers]>.peer-container:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0006,0 4px 12px #0000004d}[data-component=Peers]>.peer-container.active-speaker{border-color:#4caf50;box-shadow:0 0 25px #4caf5066,0 4px 20px #0000004d}[data-component=Peers]>.peer-container:after{content:attr(data-peer-name);position:absolute;bottom:12px;left:12px;background:#000c;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);z-index:10;transition:opacity .3s ease}[data-component=Peers]>.peer-container video{width:100%;height:100%;object-fit:cover;border-radius:10px}[data-component=Peers]>.peer-container .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-size:48px;color:#fff;font-weight:700}}[data-component=Peer]{flex:100 100 auto;position:relative;height:100%;width:100%}@media (max-device-width: 720px){[data-component=Peer]{display:100 100 auto;flex-direction:column;justify-content:center;align-items:center}}[data-component=Peer]>.indicators{position:absolute;z-index:10;top:0;right:0;width:150px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}[data-component=Peer]>.indicators>.icon{flex:0 0 auto;margin:4px 4px 4px 0;width:32px;height:32px;background-position:center;background-size:75%;background-repeat:no-repeat;transition-property:opacity;transition-duration:.15s}@media (min-device-width: 1025px){[data-component=Peer]>.indicators>.icon{opacity:.85}}[data-component=Peer]>.indicators>.icon.mic-off{background-image:url(/images/icon_remote_mic_white_off.svg)}[data-component=Peer]>.indicators>.icon.webcam-off{background-image:url(/images/icon_remote_webcam_white_off.svg)}[data-component=Peer] .incompatible-video{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center}[data-component=Peer] .incompatible-video>p{padding:6px 12px;border-radius:6px;-ms-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:15px;color:#ffffff8c}[data-component=PeerView]{position:relative;flex:100 100 auto;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;background-color:#243b55bf;background-image:url(/images/buddy.svg);background-position:bottom;background-size:auto 80%;background-repeat:no-repeat}[data-component=PeerView]>.info{position:absolute;pointer-events:none;z-index:5;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom,#0000,#0000 70%,#0000001a 80%,#00000080)}[data-component=PeerView]>.info>.icons{display:flex;flex-direction:row}[data-component=PeerView]>.info>.icons>.icon{pointer-events:auto;margin:4px 0 4px 4px;background-position:center;background-size:100%;background-repeat:no-repeat;cursor:pointer;transition-property:opacity,background-color;transition-duration:.15s}@media (min-device-width: 1025px){[data-component=PeerView]>.info>.icons>.icon{width:28px;height:28px;opacity:.75}[data-component=PeerView]>.info>.icons>.icon:hover{opacity:1}}@media (max-device-width: 720px){[data-component=PeerView]>.info>.icons>.icon{width:26px;height:26px}}[data-component=PeerView]>.info>.box{pointer-events:auto;position:absolute;left:4px;right:4px;bottom:4px;padding:4px 6px 50px;border-radius:2px;background-color:#000000a6;opacity:1;overflow:auto;transform-origin:left top;transition:.1s}@media (min-device-width: 1025px){[data-component=PeerView]>.info>.box{top:36px}}@media (max-device-width: 720px){[data-component=PeerView]>.info>.box{top:34px}}[data-component=PeerView]>.info>.box:not(.visible){z-index:-1;opacity:0;transform:scale(0)}[data-component=PeerView]>.info>.box>h1{pointer-events:none;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;font-weight:400}[data-component=PeerView]>.info>.box>p{pointer-events:none;margin-bottom:2px;color:#ffffffbf;font-size:11px}[data-component=PeerView]>.info>.box>p:last-child{margin-bottom:0}[data-component=PeerView]>.info>.box>p.clickable,[data-component=PeerView]>.info>.box>p .clickable{pointer-events:auto;-ms-user-select:none;-webkit-user-select:none;user-select:none;color:#44c5d6}[data-component=PeerView]>.info>.box>p.clickable:hover,[data-component=PeerView]>.info>.box>p .clickable:hover{cursor:pointer;color:#73feff;text-decoration:underline}[data-component=PeerView]>.info>.box>p.copiable,[data-component=PeerView]>.info>.box>p .copiable{pointer-events:auto;cursor:text}[data-component=PeerView]>.info>.box>p.copiable:hover,[data-component=PeerView]>.info>.box>p .copiable:hover{color:#44c5d6;text-decoration:underline}[data-component=PeerView]>.info>.box>p.indent{margin-left:10px}[data-component=PeerView]>.info>.peer{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-end}@media (min-device-width: 1025px){[data-component=PeerView]>.info>.peer.is-me{padding:10px;align-items:flex-start}[data-component=PeerView]>.info>.peer:not(.is-me){padding:20px;align-items:flex-start;pointer-events:none}}@media (max-device-width: 720px){[data-component=PeerView]>.info>.peer.is-me{padding:10px;align-items:flex-start}[data-component=PeerView]>.info>.peer:not(.is-me){padding:10px;align-items:flex-end}}[data-component=PeerView]>.info>.peer>.display-name{font-size:14px;font-weight:400;color:#ffffffd9}[data-component=PeerView]>.info>.peer>span.display-name{-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:text}[data-component=PeerView]>.info>.peer>span.display-name:not(.editable){cursor:default}[data-component=PeerView]>.info>.peer>span.display-name.editable{pointer-events:auto}@media (min-device-width: 1025px){[data-component=PeerView]>.info>.peer>span.display-name.editable:hover{background-color:#aeff0040}}[data-component=PeerView]>.info>.peer>span.display-name.loading{opacity:.5}[data-component=PeerView]>.info>.peer>input.display-name{border:none;border-bottom:1px solid #aeff00;background-color:transparent}[data-component=PeerView]>.info>.peer>.row{margin-top:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}[data-component=PeerView]>.info>.peer>.row>.device-icon{height:16px;width:16px;margin-right:5px;-ms-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(/images/devices/unknown.svg)}[data-component=PeerView]>.info>.peer>.row>.device-icon.chrome{background-image:url(/images/devices/chrome_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.firefox{background-image:url(/images/devices/firefox_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.safari{background-image:url(/images/devices/safari_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.msedge{background-image:url(/images/devices/edge_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.opera{background-image:url(/images/devices/opera_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.broadcaster{height:18px;width:18px;background-image:url(/images/devices/broadcaster.svg)}[data-component=PeerView]>.info>.peer>.row>.device-version{-ms-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:11px;color:#ffffff8c}[data-component=PeerView]>video{flex:100 100 auto;height:100%;width:100%;object-fit:cover;-ms-user-select:none;-webkit-user-select:none;user-select:none;transition-property:opacity;transition-duration:.5s;background-color:#000000bf}[data-component=PeerView]>video.is-me{transform:scaleX(-1)}[data-component=PeerView]>video.hidden{opacity:0;transition-duration:0s}[data-component=PeerView]>video.network-error{filter:grayscale(100%) brightness(135%) blur(5px)}[data-component=PeerView]>audio{display:none;position:absolute;top:0;bottom:0;right:0;z-index:1;border:2px solid red}[data-component=PeerView]>canvas.face-detection{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;pointer-events:none}[data-component=PeerView]>canvas.face-detection.is-me{transform:scaleX(-1)}[data-component=PeerView]>.volume-container{position:absolute;top:0;bottom:0;right:2px;width:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}[data-component=PeerView]>.volume-container>.bar{width:6px;border-radius:6px;background:#ffff00a6;transition-property:height background-color;transition-duration:.25s}[data-component=PeerView]>.volume-container>.bar.level0{height:0;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level1{height:10%;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level2{height:20%;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level3{height:30%;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level4{height:40%;background-color:#ffa500a6}[data-component=PeerView]>.volume-container>.bar.level5{height:50%;background-color:#ffa500a6}[data-component=PeerView]>.volume-container>.bar.level6{height:60%;background-color:#ff0000a6}[data-component=PeerView]>.volume-container>.bar.level7{height:70%;background-color:#ff0000a6}[data-component=PeerView]>.volume-container>.bar.level8{height:80%;background-color:#000000a6}[data-component=PeerView]>.volume-container>.bar.level9{height:90%;background-color:#000000a6}[data-component=PeerView]>.volume-container>.bar.level10{height:100%;background-color:#000000a6}[data-component=PeerView]>.spinner-container{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-color:#000000bf}[data-component=PeerView]>.spinner-container .react-spinner{position:relative;width:48px;height:48px;top:50%;left:50%}[data-component=PeerView]>.spinner-container .react-spinner .react-spinner_bar{position:absolute;width:20%;height:7.8%;top:-3.9%;left:-10%;animation:PeerView-spinner 1.2s linear infinite;border-radius:5px;background-color:#ffffff80}[data-component=PeerView]>.video-elem-paused{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-position:center;background-image:url(/images/icon_video_elem_paused.svg);background-size:35%;background-color:#00000040;background-repeat:no-repeat}@keyframes PeerView-spinner{0%{opacity:1}to{opacity:.15}}[data-component=Stats]{position:fixed;z-index:1000;top:0;bottom:0;right:0;overflow:hidden;pointer-events:none}@media (min-device-width: 1025px){[data-component=Stats]{width:470px;padding-left:20px}}@media (max-device-width: 720px){[data-component=Stats]{left:0}}[data-component=Stats]>.content{position:relative;height:100%;pointer-events:auto;background:#ffffffec;-ms-scroll-chaining:none;overscroll-behavior:contain;transition-property:transform opacity;transition-duration:.25s}@media (min-device-width: 1025px){[data-component=Stats]>.content{width:450px;box-shadow:-4px 0 12px 2px #00000080}}@media (max-device-width: 720px){[data-component=Stats]>.content{width:100%}}[data-component=Stats]>.content:not(.visible){transform:translate(100%);opacity:0}[data-component=Stats]>.content>.header{position:absolute;z-index:2;top:0;left:0;right:0;padding:0 28px;background:linear-gradient(to bottom,#fff,#fff,#ffffffe6,#fff0)}[data-component=Stats]>.content>.header>.info{height:80px;display:flex;flex-direction:row;justify-content:center;align-items:center}[data-component=Stats]>.content>.header>.info>.close-icon{flex:0 0 auto;width:28px;height:28px;margin-left:-6px;margin-right:20px;cursor:pointer;background-position:left;background-size:100%;background-repeat:no-repeat;background-image:url(/images/icon_close_black.svg);opacity:.75}[data-component=Stats]>.content>.header>.info>.close-icon:hover{opacity:1}[data-component=Stats]>.content>.header>.info>h1{flex:100 100 auto;text-transform:uppercase;color:#444;font-size:14px;font-weight:500;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-component=Stats]>.content>.header>.list{height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}[data-component=Stats]>.content>.header>.list>p{margin-bottom:5px;color:#243b55bf;font-size:14px;font-weight:400;-ms-user-select:none;-webkit-user-select:none;user-select:none}[data-component=Stats]>.content>.header>.list>p>a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;color:#6b93c0bf;cursor:pointer}[data-component=Stats]>.content>.header>.list>p>a.disabled{opacity:.5;cursor:not-allowed}[data-component=Stats]>.content>.stats{padding:0 28px;height:100%;overflow:auto}[data-component=Stats]>.content>.stats>.items{margin-bottom:40px;will-change:opacity}[data-component=Stats]>.content>.stats>.items.Appear-appear{opacity:0}[data-component=Stats]>.content>.stats>.items.Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:.15s;opacity:1}[data-component=Stats]>.content>.stats>.items:after{content:"";display:block;visibility:hidden;margin-bottom:-230px}[data-component=Stats]>.content>.stats>.items>h2{margin-bottom:20px;text-transform:uppercase;color:#141e30a6;font-size:13px;font-weight:500;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-component=Stats]>.content>.stats>.items>h2:before{content:"";display:block;visibility:hidden;height:230px}[data-component=Stats]>.content>.stats>.items>.item{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #e5e5e5}[data-component=Stats]>.content>.stats>.items>.item>.line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px}[data-component=Stats]>.content>.stats>.items>.item>.line>.key{flex:0 0 auto;width:38.5%;color:#141e30a6;font-size:11px;font-weight:400;word-break:break-all;text-align:right}[data-component=Stats]>.content>.stats>.items>.item>.line>.value{flex:0 0 auto;width:58.5%;color:#6b93c0bf;font-size:11px;font-weight:400;word-break:break-all;text-align:left}[data-component=Notifications]{position:fixed;z-index:9999;pointer-events:none;top:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}@media (min-device-width: 1025px){[data-component=Notifications]{padding:10px;width:300px}}@media (max-device-width: 720px){[data-component=Notifications]{padding:4px;width:65%;max-width:220px}}[data-component=Notifications]>.notification{pointer-events:auto;margin-top:4px;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}@media (min-device-width: 1025px){[data-component=Notifications]>.notification{min-width:75%}}@media (max-device-width: 720px){[data-component=Notifications]>.notification{width:100%}}[data-component=Notifications]>.notification.Appear-appear{visibility:hidden;opacity:0;transition:all .15s ease-in-out 0s,visibility 0s linear .25s;transform:translate(200px)}[data-component=Notifications]>.notification.Appear-appear.Appear-appear-active{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0);transition-delay:0s,0s}@media (min-device-width: 1025px){[data-component=Notifications]>.notification{padding:16px 24px 16px 12px}}@media (max-device-width: 720px){[data-component=Notifications]>.notification{padding:6px 16px 6px 12px}}[data-component=Notifications]>.notification>.icon{flex:0 0 auto;height:24px;width:24px;margin-right:12px;background-position:center;background-size:100%;background-repeat:no-repeat}[data-component=Notifications]>.notification>.body>.title{font-weight:500;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:default;line-height:1.35em;margin-bottom:10px}@media (min-device-width: 1025px){[data-component=Notifications]>.notification>.body>.title{font-size:14px}}@media (max-device-width: 720px){[data-component=Notifications]>.notification>.body>.title{font-size:12px}}[data-component=Notifications]>.notification>.body>.text{-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:default;line-height:1.35em}@media (min-device-width: 1025px){[data-component=Notifications]>.notification>.body>.text{font-size:13px}}@media (max-device-width: 720px){[data-component=Notifications]>.notification>.body>.text{font-size:12px}}[data-component=Notifications]>.notification.info{background-color:#141e30a6;color:#ffffffbf}[data-component=Notifications]>.notification.info>.icon{opacity:.65;background-image:url(/images/icon_notification_info_white.svg)}[data-component=Notifications]>.notification.error{background-color:#ff1914bf;color:#fff}[data-component=Notifications]>.notification.error>.icon{opacity:.85;background-image:url(/images/icon_notification_error_white.svg)}[data-component=NetworkThrottle]{position:absolute;top:0;left:0;z-index:99999;padding:0 20px;background:#fffffff2;border-radius:4px;box-shadow:0 5px 12px 2px #11111180;font-family:Roboto}[data-component=NetworkThrottle]>h1.draggable{padding:20px;text-align:center;text-transform:uppercase;font-weight:400;font-size:12px;color:#111;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:move}[data-component=NetworkThrottle]>.inputs>.row{display:flex;justify-content:center;align-items:center;height:20px;margin-bottom:8px}[data-component=NetworkThrottle]>.inputs>.row:last-child{margin-bottom:0}[data-component=NetworkThrottle]>.inputs>.row>.key{margin-right:4px;flex:0 0 auto;width:100px;font-weight:400;font-size:11px;text-align:right;color:#243b55bf}[data-component=NetworkThrottle]>.inputs>.row>.value{margin-left:4px;flex:0 0 auto;width:100px;padding:4px 8px;font-size:11px;text-align:right;color:#141e30a6;border:none;background:#6666661a;border-radius:2px;transition-property:opacity;transition-duration:.1s}[data-component=NetworkThrottle]>.inputs>.row>.value:disabled{opacity:.5}[data-component=NetworkThrottle]>.inputs>.row>.value:-ms-input-placeholder{color:#141e3040}[data-component=NetworkThrottle]>.inputs>.row>.value::placeholder{color:#141e3040}[data-component=NetworkThrottle]>.inputs>.row>.value:focus:-ms-input-placeholder{color:transparent}[data-component=NetworkThrottle]>.inputs>.row>.value:focus::placeholder{color:transparent}[data-component=NetworkThrottle]>.buttons{display:flex;justify-content:center;align-items:center;padding:20px}[data-component=NetworkThrottle]>.buttons>button{margin:0 4px;flex:0 0 auto;width:66px;height:20px;display:flex;justify-content:center;align-items:center;border:none;border-radius:2px;font-weight:400;font-size:11px;color:#fff;text-align:center;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition-property:opacity;transition-duration:.1s}[data-component=NetworkThrottle]>.buttons>button:disabled{opacity:.5;cursor:default}[data-component=NetworkThrottle]>.buttons>button.apply{background:#e9736e}[data-component=NetworkThrottle]>.buttons>button.reset{background:#3b608bbf}html{height:100%;box-sizing:border-box;background:#141e30;background:linear-gradient(to top,#243b55,#141e30);font-family:Roboto;font-weight:300}@media (min-device-width: 1025px){html{font-size:16px}}@media (max-device-width: 720px){html{font-size:12px}}body{height:100%}#mediasoup-demo-app-container{height:100%;width:100%}#mediasoup-demo-app-media-query-detector{position:relative;z-index:-1000;bottom:0;left:0;height:1px;width:1px}@media (max-device-width: 720px){#mediasoup-demo-app-media-query-detector{display:none;position:fixed}}