@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: 721px){[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: 721px){[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: 721px){[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: 721px){[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: 721px){[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: 721px){[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]>.me-container{position:fixed;z-index:100;overflow:hidden;box-shadow:0 5px 12px 2px #11111180;transition-property:border-color;transition-duration:.2s}[data-component=Room]>.me-container.speaking:not(.active-speaker){border-color:#fff}[data-component=Room]>.me-container.active-speaker{border-width:2px;border-color:#ff0}@media (min-device-width: 721px){[data-component=Room]>.me-container{height:250px;width:294px;bottom:60px;left:20px;border:1px 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:1px 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: 721px){[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)}}@media (min-device-width: 721px){[data-component=Room].skoolvers-room>.room-link-wrapper{top:72px}}@media (max-device-width: 720px){[data-component=Room].skoolvers-room>.room-link-wrapper{top:62px}}[data-component=Room].skoolvers-room>.skoolvers-side-panel{position:fixed;z-index:100;display:flex;flex-direction:row;align-items:stretch;gap:10px;overflow:hidden;pointer-events:none}[data-component=Room].skoolvers-room>.skoolvers-side-panel>*{pointer-events:auto}@media (min-device-width: 721px){[data-component=Room].skoolvers-room>.skoolvers-side-panel{top:72px;right:16px;bottom:16px;max-width:min(680px,100vw - 32px)}}@media (max-device-width: 720px){[data-component=Room].skoolvers-room>.skoolvers-side-panel{top:auto;left:10px;right:10px;bottom:10px;flex-direction:column;max-height:58vh}}[data-component=Room].skoolvers-room .skoolvers-side-panel-breakout{flex:0 1 auto;min-width:0;min-height:0;max-height:100%;align-self:stretch;overflow:hidden;display:flex;flex-direction:column;transition:width .25s ease}@media (min-device-width: 721px){[data-component=Room].skoolvers-room .skoolvers-side-panel-breakout{width:min(300px,30vw);height:100%}[data-component=Room].skoolvers-room .skoolvers-side-panel-breakout:has([data-component=BreakoutPanel].is-collapsed){width:56px}}@media (max-device-width: 720px){[data-component=Room].skoolvers-room .skoolvers-side-panel-breakout{width:100%;flex:0 1 auto;min-height:0;max-height:32vh}[data-component=Room].skoolvers-room .skoolvers-side-panel-breakout:has([data-component=BreakoutPanel].is-collapsed){max-height:none;flex:0 0 auto}[data-component=Room].skoolvers-room .skoolvers-side-panel-breakout:has([data-component=BreakoutPanel].is-expanded){flex:1 1 auto;min-height:0}}[data-component=Room].skoolvers-room .skoolvers-side-panel-breakout [data-component=BreakoutPanel]{width:100%;min-height:0}[data-component=Room].skoolvers-room .skoolvers-side-panel-breakout [data-component=BreakoutPanel].is-expanded{flex:1 1 auto;min-height:0;max-height:100%;height:100%}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}@media (min-device-width: 721px){[data-component=Room].skoolvers-room .skoolvers-side-panel-comm{width:min(280px,28vw)}}@media (max-device-width: 720px){[data-component=Room].skoolvers-room .skoolvers-side-panel-comm{width:100%;flex:1 1 auto;min-height:0}}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>[data-component=ConnectedUsersPanel]{flex:1 1 0;min-height:0;max-height:55%}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container{position:relative;left:auto;right:auto;bottom:auto;flex:1 1 0;min-height:0;width:100%;overflow:hidden;box-shadow:0 4px 16px #00000059;border:1px solid rgba(255,255,255,.12);border-radius:8px}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel{display:flex;flex-direction:column;height:100%;background:#243b55bf;color:#eee;font-size:13px}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel .chat-panel-title{margin:0;padding:8px 10px;font-size:14px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.12)}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel .chat-panel-messages{flex:1 1 auto;overflow-y:auto;margin:0;padding:8px 10px;list-style:none}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel .chat-panel-empty{opacity:.6;font-style:italic}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel .chat-panel-message{margin-bottom:6px;word-break:break-word}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel .chat-panel-author{font-weight:600;margin-right:4px}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel .chat-panel-retry{display:block;width:calc(100% - 20px);margin:0 10px 8px;padding:6px 10px;border:0;border-radius:4px;background:#2d7dd2;color:#fff;font-size:12px;cursor:pointer}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel .chat-panel-form{display:flex;border-top:1px solid rgba(255,255,255,.12)}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel .chat-panel-input{flex:1 1 auto;border:0;padding:8px 10px;background:transparent;color:#eee;font-size:13px}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel .chat-panel-send{flex:0 0 auto;border:0;padding:8px 12px;background:#ffffff1a;color:#eee;cursor:pointer}[data-component=Room].skoolvers-room .skoolvers-side-panel-comm>.chat-input-container .chat-panel .chat-panel-send:disabled{opacity:.4;cursor:default}[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: 721px){[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: 721px){[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:absolute;z-index:10;top:0;left:0;right:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;pointer-events:none}[data-component=Me]>.controls>.button{flex:0 0 auto;margin:4px 4px 4px 0;border-radius:2px;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: 721px){[data-component=Me]>.controls>.button{width:28px;height:28px;opacity:.85}[data-component=Me]>.controls>.button:hover{opacity:1}}@media (max-device-width: 720px){[data-component=Me]>.controls>.button{width:26px;height:26px}}[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=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=BreakoutPanel]{--breakout-accent: #6b5ce7;--breakout-accent-active: #45b649;display:flex;flex-direction:column;min-height:0;color:#eee;font-size:13px;transition:width .25s ease,box-shadow .25s ease,border-color .25s ease}[data-component=BreakoutPanel].is-expanded{flex:1 1 auto;width:100%;height:100%;max-height:100%;border-radius:10px;background:linear-gradient(165deg,#202434fa,#161a26fa);border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 24px #0006;overflow:hidden}[data-component=BreakoutPanel].is-expanded.is-active{border-color:#45b64959;box-shadow:0 6px 24px #0006,inset 3px 0 #45b649}[data-component=BreakoutPanel].is-collapsed{flex:0 0 auto;align-self:stretch;width:56px;height:auto;min-height:120px;max-height:none;border-radius:10px;background:linear-gradient(180deg,#262a3af2,#1a1e2cf2);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 14px #00000059;overflow:hidden}[data-component=BreakoutPanel].is-collapsed.is-active{border-color:#45b64966;background:linear-gradient(180deg,#1e3426f2,#18202cf2)}[data-component=BreakoutPanel] .breakout-header{flex:0 0 auto;display:flex;align-items:stretch;margin:0;padding:0;background:transparent;border:0}[data-component=BreakoutPanel].is-expanded .breakout-header{border-bottom:1px solid rgba(255,255,255,.08);background:#00000038}[data-component=BreakoutPanel] .breakout-header-toggle{flex:1 1 auto;display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;transition:background .15s ease}[data-component=BreakoutPanel] .breakout-header-toggle:hover{background:#ffffff0f}[data-component=BreakoutPanel].is-collapsed .breakout-header-toggle{flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:14px 6px;min-height:100%}[data-component=BreakoutPanel] .breakout-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#6b5ce738;color:#b8afff}[data-component=BreakoutPanel] .breakout-icon svg{width:18px;height:18px}[data-component=BreakoutPanel].is-active .breakout-icon{background:#45b64933;color:#8fd694}[data-component=BreakoutPanel].is-collapsed .breakout-icon{width:36px;height:36px;border-radius:10px}[data-component=BreakoutPanel] .breakout-header-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}[data-component=BreakoutPanel].is-collapsed .breakout-header-text{flex:0 0 auto;align-items:center}[data-component=BreakoutPanel] .breakout-title-text{font-size:14px;font-weight:700;line-height:1.2;color:#f2f2f2}[data-component=BreakoutPanel].is-collapsed .breakout-title-text{display:none}[data-component=BreakoutPanel] .breakout-rail-short{display:none;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}[data-component=BreakoutPanel].is-collapsed .breakout-rail-short{display:block}[data-component=BreakoutPanel] .breakout-header-sub{font-size:11px;font-weight:500;color:#ffffff80;line-height:1.3}[data-component=BreakoutPanel] .breakout-rail-stat{display:none;flex-direction:column;align-items:center;gap:6px}[data-component=BreakoutPanel].is-collapsed.is-active .breakout-rail-stat{display:flex}[data-component=BreakoutPanel] .breakout-rail-stat-num,[data-component=BreakoutPanel] .breakout-rail-stat-live{display:flex;align-items:center;justify-content:center;min-width:26px;padding:3px 6px;border-radius:8px;font-size:11px;font-weight:700}[data-component=BreakoutPanel] .breakout-rail-stat-num{background:#ffffff1f;color:#ddd}[data-component=BreakoutPanel] .breakout-rail-stat-live{background:#45b64940;color:#8fd694}[data-component=BreakoutPanel] .breakout-chevron{flex:0 0 auto;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.55);border-bottom:2px solid rgba(255,255,255,.55);transform:rotate(-135deg);transition:transform .2s ease;opacity:.7}[data-component=BreakoutPanel].is-expanded .breakout-chevron{margin-right:4px}[data-component=BreakoutPanel].is-collapsed .breakout-chevron{transform:rotate(45deg);margin-top:auto}[data-component=BreakoutPanel] .breakout-host-badge{flex:0 0 auto;align-self:center;margin-right:10px;font-size:10px;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:#6b5ce759;color:#e8e4ff}[data-component=BreakoutPanel] .breakout-body{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;padding:12px;overflow:hidden;animation:breakout-body-in .2s ease}[data-component=BreakoutPanel] .breakout-body-scroll{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:0;overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}[data-component=BreakoutPanel] .breakout-body-scroll::-webkit-scrollbar{width:6px}[data-component=BreakoutPanel] .breakout-body-scroll::-webkit-scrollbar-thumb{border-radius:3px;background:#ffffff47}[data-component=BreakoutPanel] .breakout-body-scroll::-webkit-scrollbar-track{background:transparent}@keyframes breakout-body-in{0%{opacity:0}to{opacity:1}}[data-component=BreakoutPanel] .breakout-start{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;padding:4px 0}[data-component=BreakoutPanel] .breakout-field{display:flex;align-items:center;justify-content:space-between;gap:12px}[data-component=BreakoutPanel] .breakout-field-label{font-size:12px;color:#ffffffbf}[data-component=BreakoutPanel] .breakout-input-number{width:56px;padding:6px 8px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#00000040;color:#fff;font-size:13px}[data-component=BreakoutPanel] .breakout-toolbar{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}[data-component=BreakoutPanel] .breakout-btn{flex:1 1 auto;min-width:0;padding:8px 10px;border:none;border-radius:6px;background:#ffffff1a;color:#eee;font-size:12px;cursor:pointer;transition:background .15s}[data-component=BreakoutPanel] .breakout-btn:hover:not(:disabled){background:#ffffff2e}[data-component=BreakoutPanel] .breakout-btn:disabled{opacity:.45;cursor:not-allowed}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-primary{background:#2d7dd2}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-primary:hover:not(:disabled){background:#3a8ee0}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-danger{background:#a93226}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-danger:hover:not(:disabled){background:#c0392b}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-muted-danger{border:1px solid rgba(224,112,112,.35);background:#a932261f;color:#f0b0b0}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-muted-danger:hover:not(:disabled){background:#a9322638;border-color:#ee888880}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-outline{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;font-size:12px;font-weight:500;line-height:1.2}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-outline:hover:not(:disabled){background:#ffffff17;border-color:#ffffff38}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-outline-accent{border-color:#4a9eed66;color:#a8d4ff}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-outline-accent:hover:not(:disabled){background:#2d7dd226;border-color:#5aa8ee8c}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-outline-danger{border-color:#e0707061;color:#f0b4b4}[data-component=BreakoutPanel] .breakout-btn.breakout-btn-outline-danger:hover:not(:disabled){background:#a9322624;border-color:#ee888880}[data-component=BreakoutPanel] .breakout-btn-icon{display:inline-flex;flex:0 0 auto}[data-component=BreakoutPanel] .breakout-btn-icon svg{width:14px;height:14px}[data-component=BreakoutPanel] .breakout-footer-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}[data-component=BreakoutPanel] .breakout-empty{margin:0;font-size:12px;color:#ffffff8c;font-style:italic}[data-component=BreakoutPanel] .breakout-participant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}[data-component=BreakoutPanel] .breakout-participant-row{display:grid;grid-template-columns:1fr minmax(120px,40%);gap:8px;align-items:center;padding:6px 8px;border-radius:6px;background:#0003}@media (max-device-width: 720px){[data-component=BreakoutPanel] .breakout-participant-row{grid-template-columns:1fr;gap:4px}}[data-component=BreakoutPanel] .breakout-participant-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}[data-component=BreakoutPanel] .breakout-select{width:100%;padding:5px 6px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#0000004d;color:#eee;font-size:12px}[data-component=BreakoutPanel].is-breakout-host.is-expanded{min-height:0}[data-component=BreakoutPanel] .breakout-hint{flex:0 0 auto;margin:0 0 10px;font-size:12px;line-height:1.45;color:#ffffffb8;padding:8px 10px;border-radius:6px;background:#45b6491a;border-left:3px solid #45b649}[data-component=BreakoutPanel] .breakout-live-summary{flex:0 0 auto;margin:0 0 8px;font-size:12px;font-weight:600;color:#8fd694}[data-component=BreakoutPanel] .breakout-assign-block{flex:0 0 auto;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);max-height:min(200px,35vh);overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}[data-component=BreakoutPanel] .breakout-assign-block::-webkit-scrollbar{width:6px}[data-component=BreakoutPanel] .breakout-assign-block::-webkit-scrollbar-thumb{border-radius:3px;background:#ffffff47}[data-component=BreakoutPanel] .breakout-assign-title{margin:0 0 8px;font-size:11px;font-weight:600;color:#ffffffa6;text-transform:uppercase;letter-spacing:.05em}[data-component=BreakoutPanel] .breakout-live-overview{display:flex;flex-direction:column;gap:8px;flex:0 0 auto;min-height:0}[data-component=BreakoutPanel] .breakout-room-section{border-radius:8px;background:#0003;border:1px solid rgba(255,255,255,.07);overflow:hidden}[data-component=BreakoutPanel] .breakout-room-section.is-current{border-color:#45b64973;box-shadow:inset 0 0 0 1px #45b64926}[data-component=BreakoutPanel] .breakout-room-section-header{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;background:#ffffff08;color:#eee;font-size:12px;font-weight:600;cursor:pointer;text-align:left}[data-component=BreakoutPanel] .breakout-room-section-header:hover{background:#ffffff12}[data-component=BreakoutPanel] .breakout-room-chevron{flex:0 0 auto;width:7px;height:7px;border-right:2px solid rgba(255,255,255,.55);border-bottom:2px solid rgba(255,255,255,.55);transform:rotate(-135deg);transition:transform .15s ease}[data-component=BreakoutPanel] .breakout-room-section-header[aria-expanded=false] .breakout-room-chevron{transform:rotate(45deg)}[data-component=BreakoutPanel] .breakout-room-section-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=BreakoutPanel] .breakout-room-count{flex:0 0 auto;min-width:20px;text-align:center;padding:2px 7px;border-radius:10px;background:#ffffff1f;font-size:11px}[data-component=BreakoutPanel] .breakout-room-section-body{padding:6px 10px 10px}[data-component=BreakoutPanel] .breakout-room-empty{margin:0 0 8px;font-size:11px;color:#ffffff80;font-style:italic}[data-component=BreakoutPanel] .breakout-room-member-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}[data-component=BreakoutPanel] .breakout-room-member{display:flex;align-items:center;gap:6px;font-size:12px}[data-component=BreakoutPanel] .breakout-live-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#45b649;box-shadow:0 0 6px #69d96ecc}[data-component=BreakoutPanel] .breakout-btn-join{width:100%;margin-top:4px;background:#1e6b3a}[data-component=BreakoutPanel] .breakout-btn-join:hover:not(:disabled){background:#26874a}[data-component=BreakoutPanel] .breakout-room-here{display:block;margin-top:6px;font-size:10px;color:#8fd694;font-weight:600;text-transform:uppercase}[data-component=RoomLocationBadge]{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;background:#121620eb;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 28px #00000073,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}[data-component=RoomLocationBadge].is-main{border-color:#4a9eed73}[data-component=RoomLocationBadge].is-main .skoolvers-room-location-icon{background:#2d7dd240;color:#7ec8ff}[data-component=RoomLocationBadge].is-breakout{border-color:#45b64980}[data-component=RoomLocationBadge].is-breakout .skoolvers-room-location-icon{background:#1e6b3a59;color:#8fd694}[data-component=RoomLocationBadge].is-connecting .skoolvers-room-location-dot{animation:skoolvers-room-pulse .85s ease-in-out infinite}[data-component=RoomLocationBadge].is-closed,[data-component=RoomLocationBadge].is-new{opacity:.85}.skoolvers-room-location-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px}.skoolvers-room-location-icon svg{width:22px;height:22px}.skoolvers-room-location-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.skoolvers-room-location-kind{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c}.skoolvers-room-location-name{font-size:16px;font-weight:700;line-height:1.2;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skoolvers-room-location-connection{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#00000059}.skoolvers-room-location-dot{width:8px;height:8px;border-radius:50%;background:#aaac}.skoolvers-room-location-connection.is-connected .skoolvers-room-location-dot{background:#45b649;box-shadow:0 0 8px #69d96ed9}.skoolvers-room-location-state{font-size:11px;font-weight:500;color:#fffc;white-space:nowrap}@keyframes skoolvers-room-pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.skoolvers-top-bar{position:fixed;z-index:110;display:flex;align-items:center;gap:10px;pointer-events:none}@media (min-device-width: 721px){.skoolvers-top-bar{top:16px;left:50%;transform:translate(-50%);max-width:min(640px,100vw - 360px)}}@media (max-device-width: 720px){.skoolvers-top-bar{top:10px;left:10px;right:10px;transform:none;flex-wrap:wrap;justify-content:center}}.skoolvers-top-bar [data-component=RoomLocationBadge]{position:static;transform:none;flex:1 1 auto;min-width:0;max-width:none}@media (max-device-width: 720px){.skoolvers-top-bar [data-component=RoomLocationBadge]{left:auto;right:auto;flex:1 1 100%}}.copy-student-join-link{pointer-events:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid rgba(74,158,237,.4);background:#2d7dd22e;color:#a8d4ff;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s;box-shadow:0 4px 14px #00000059}.copy-student-join-link:hover:not(:disabled){background:#2d7dd24d;border-color:#5aa8ee8c}.copy-student-join-link:disabled{opacity:.55;cursor:wait}@media (max-device-width: 720px){.copy-student-join-link{flex:1 1 auto;justify-content:center}}.copy-student-join-link-icon{display:inline-flex}.copy-student-join-link-icon svg{width:16px;height:16px}[data-component=SkoolversLogo]{position:fixed;z-index:111;display:flex;align-items:center;pointer-events:auto;text-decoration:none}@media (min-device-width: 721px){[data-component=SkoolversLogo]{top:18px;left:20px}}@media (max-device-width: 720px){[data-component=SkoolversLogo]{top:12px;left:12px}}.skoolvers-logo-img{display:block;height:auto;max-width:170px;width:min(170px,38vw)}@media (max-device-width: 720px){.skoolvers-logo-img{max-width:140px;width:min(140px,42vw)}}[data-component=ConnectedUsersPanel]{display:flex;flex-direction:column;min-height:0;flex:1 1 0;border-radius:8px;background:#243b55bf;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #00000059;overflow:hidden}.connected-users-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);background:#00000040}.connected-users-title{font-size:13px;font-weight:700;color:#eee}.connected-users-count{font-size:11px;font-weight:600;min-width:22px;text-align:center;padding:2px 8px;border-radius:10px;background:#69d96e33;color:#8fd694}.connected-users-list{list-style:none;margin:0;padding:6px;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.connected-users-list::-webkit-scrollbar{width:6px}.connected-users-list::-webkit-scrollbar-thumb{border-radius:3px;background:#ffffff47}.connected-users-list::-webkit-scrollbar-track{background:transparent}.connected-users-empty{padding:12px 8px;font-size:12px;color:#ffffff80;font-style:italic}.connected-user-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;background:#0000002e}.connected-user-row.is-online{background:#30bd1814}.connected-user-row.is-offline{opacity:.55}.connected-user-row.is-offline .connected-user-name{color:#ffffff8c}.connected-user-row.is-me{border:1px solid rgba(74,158,237,.35)}.connected-user-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#aaaaaab3}.connected-user-dot.is-online{background:#45b649;box-shadow:0 0 6px #69d96ebf}.connected-user-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.connected-user-name{font-size:12px;font-weight:600;color:#eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-user-location{font-size:10px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-user-media{flex:0 0 auto;display:flex;gap:4px}.media-icon{display:inline-block;width:18px;height:18px;border-radius:4px;background-color:#ffffff1f;background-repeat:no-repeat;background-position:center;background-size:12px 12px;opacity:.45}.media-icon.is-on{opacity:1;background-color:#ffffff29}.media-icon.is-unknown{opacity:.3}.media-mic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5-3c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z'/%3E%3C/svg%3E")}.media-mic.is-on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238fd694'%3E%3Cpath d='M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5-3c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z'/%3E%3C/svg%3E")}.media-mic.is-off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e88'%3E%3Cpath d='M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3 3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.53.52-2.31.52-2.76 0-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c.97-.15 1.88-.5 2.67-1.02l2.55 2.55 1.41-1.41L4.27 3z'/%3E%3C/svg%3E")}.media-cam{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M18 10.48V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-4.48l4 3.98v-11l-4 3.98z'/%3E%3C/svg%3E")}.media-cam.is-on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238fd694'%3E%3Cpath d='M18 10.48V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-4.48l4 3.98v-11l-4 3.98z'/%3E%3C/svg%3E")}.media-cam.is-off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e88'%3E%3Cpath d='M21 6.5l-4 4V7c0-.55-.45-1-1-1H9.82L21 17.18V6.5zM3.27 2 2 3.27 4.73 6H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.21 0 .39-.08.55-.18L19.73 21l1.27-1.27L3.27 2z'/%3E%3C/svg%3E")}.host-participant-controls{display:flex;flex-direction:row;gap:4px;pointer-events:auto}.host-participant-controls.is-compact{gap:3px}.host-media-btn{flex:0 0 auto;border:none;border-radius:4px;background-color:#0000008c;background-position:center;background-size:72%;background-repeat:no-repeat;cursor:pointer;transition:opacity .15s,background-color .15s}@media (min-device-width: 721px){.host-media-btn{width:28px;height:28px;opacity:.9}.host-media-btn:hover:not(:disabled){opacity:1;background-color:#000000b8}}@media (max-device-width: 720px){.host-media-btn{width:26px;height:26px}}.host-media-btn:disabled{opacity:.35;cursor:not-allowed}.host-media-btn.mic.is-off,.host-media-btn.mic:not(.is-unknown):disabled{background-color:#d42241a6}.host-media-btn.mic{background-image:url(/images/icon_mic_white_off.svg)}.host-media-btn.mic:not(.is-off):not(.is-unknown):not(:disabled){background-image:url(/images/icon_mic_black_on.svg);background-color:#ffffffd1}.host-media-btn.mic.is-unknown:not(:disabled){background-image:url(/images/icon_mic_white_off.svg);opacity:.75}.host-media-btn.webcam.is-off,.host-media-btn.webcam:not(.is-unknown):disabled{background-color:#d42241a6}.host-media-btn.webcam{background-image:url(/images/icon_webcam_white_off.svg)}.host-media-btn.webcam:not(.is-off):not(.is-unknown):not(:disabled){background-image:url(/images/icon_webcam_black_on.svg);background-color:#ffffffd1}.host-media-btn.webcam.is-unknown:not(:disabled){background-image:url(/images/icon_webcam_white_off.svg);opacity:.75}[data-component=Peer]>.host-participant-controls{position:absolute;z-index:11;left:0;bottom:0;padding:6px}.connected-user-media.host-controls{gap:3px}.host-participant-menu{position:relative;flex:0 0 auto}.host-participant-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:#00000059;color:#ffffffe6;font-size:16px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s}.host-participant-menu-trigger:hover,.host-participant-menu-trigger.is-open{background:#ffffff1f;border-color:#ffffff47}.host-participant-menu-trigger span{margin-top:-4px}.host-participant-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:30;min-width:168px;padding:4px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#1a2438fa;box-shadow:0 6px 20px #00000073}.host-participant-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:4px;background:transparent;color:#eee;font-size:12px;text-align:left;cursor:pointer;transition:background .12s}.host-participant-menu-item:hover:not(:disabled){background:#ffffff14}.host-participant-menu-item:disabled{opacity:.4;cursor:not-allowed}.host-participant-menu-item-icon{flex:0 0 auto;width:16px;height:16px;background-position:center;background-size:contain;background-repeat:no-repeat}.host-participant-menu-item-icon.mic{background-image:url(/images/icon_mic_white_off.svg)}.host-participant-menu-item-icon.webcam{background-image:url(/images/icon_webcam_white_off.svg)}.host-participant-menu-item-icon.kick{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e88'%3E%3Cpath d='M16 9V4h1c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h1v5c0 1.66-1.34 3-3 3v2h5.97v7l1 1 1-1v-7H19v-2c-1.66 0-3-1.34-3-3z'/%3E%3C/svg%3E")}.host-participant-menu-item-danger{color:#f0b0b0}.host-participant-menu-item-danger:hover:not(:disabled){background:#a9322638}.connected-user-actions{flex:0 0 auto;display:flex;align-items:center;gap:4px}[data-component=Peers]{min-height:100%;width:100%}@media (min-device-width: 721px){[data-component=Peers]{width:100%;padding:40px 0 220px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}}@media (max-device-width: 720px){[data-component=Peers]{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}}[data-component=Peers]>.peer-container{overflow:hidden;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: 721px){[data-component=Peers]>.peer-container{flex:0 0 auto;height:382px;width:450px;margin:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 5px 12px 2px #11111180;transition-property:border-color;transition-duration:.35s}[data-component=Peers]>.peer-container.speaking:not(.active-speaker){border-color:#fff}[data-component=Peers]>.peer-container.active-speaker{border-width:2px;border-color:#ff0}}@media (max-device-width: 720px){[data-component=Peers]>.peer-container{flex:100 100 auto;order:2;min-height:25vh;width:100%;display:100 100 auto;flex-direction:column;justify-content:center;align-items:center}[data-component=Peers]>.peer-container.active-speaker{order:1}}[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: 721px){[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: 721px){[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>.icons>.icon.info.on{background-image:url(/images/icon_info_white_on.svg)}[data-component=PeerView]>.info>.icons>.icon.info:not(.on){background-image:url(/images/icon_info_white_off.svg)}[data-component=PeerView]>.info>.icons>.icon.stats{background-image:url(/images/icon_stats_white_on.svg)}[data-component=PeerView]>.info>.icons>.icon.fullscreen{background-image:url(/images/icon_full_screen.svg)}[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}[data-component=PeerView]>.info>.box .device-details{display:flex;flex-direction:row;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.12)}[data-component=PeerView]>.info>.box .device-details>.device-icon{height:16px;width:16px;margin-right:6px;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(/images/devices/unknown.svg)}[data-component=PeerView]>.info>.box .device-details>.device-icon.chrome{background-image:url(/images/devices/chrome_16x16.png)}[data-component=PeerView]>.info>.box .device-details>.device-icon.firefox{background-image:url(/images/devices/firefox_16x16.png)}[data-component=PeerView]>.info>.box .device-details>.device-icon.safari{background-image:url(/images/devices/safari_16x16.png)}[data-component=PeerView]>.info>.box .device-details>.device-icon.msedge{background-image:url(/images/devices/edge_16x16.png)}[data-component=PeerView]>.info>.box .device-details>.device-icon.opera{background-image:url(/images/devices/opera_16x16.png)}[data-component=PeerView]>.info>.box .device-details>.device-icon.broadcaster{height:18px;width:18px;background-image:url(/images/devices/broadcaster.svg)}[data-component=PeerView]>.info>.box .device-details>.device-version{font-size:11px;color:#ffffffb3}@media (min-device-width: 721px){[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: 721px){[data-component=PeerView]>.info>.peer.is-me{padding:10px 10px 52px;align-items:flex-start}[data-component=PeerView]>.info>.peer:not(.is-me){padding:28px 20px 52px;align-items:flex-start;pointer-events:none}}@media (max-device-width: 720px){[data-component=PeerView]>.info>.peer.is-me{padding:10px 10px 48px;align-items:flex-start}[data-component=PeerView]>.info>.peer:not(.is-me){padding:24px 10px 48px;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: 721px){[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]>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: 721px){[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: 721px){[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: 721px){[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: 721px){[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: 721px){[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: 721px){[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: 721px){[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>.text-value{margin-left:4px;flex:0 0 auto;height:100%;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>.text-value:disabled{opacity:.5}[data-component=NetworkThrottle]>.inputs>.row>.text-value:-ms-input-placeholder{color:#141e3040}[data-component=NetworkThrottle]>.inputs>.row>.text-value::placeholder{color:#141e3040}[data-component=NetworkThrottle]>.inputs>.row>.text-value:focus:-ms-input-placeholder{color:transparent}[data-component=NetworkThrottle]>.inputs>.row>.text-value:focus::placeholder{color:transparent}[data-component=NetworkThrottle]>.inputs>.row>.checkbox-value{flex:0 0 auto;height:20px;width:20px;margin-left:80px;background:#6666661a;border-radius:2px;transition-property:opacity;transition-duration:.1s;border:1px solid #666}[data-component=NetworkThrottle]>.inputs>.row>.checkbox-value:disabled{opacity:.5}[data-component=NetworkThrottle]>.inputs>.row>.checkbox-value:checked{background-color:#e9736e}[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: 721px){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}}