#coder-root .annex-streams,#websocket-classroom-root .annex-streams{height:calc(100% - 46px)}#semi-fullscreen-container{position:relative;display:flex;height:100%;width:100%}div.semi-fullscreen{background-color:#000;z-index:10;left:0;width:100%;height:100%}div.semi-fullscreen video{width:100%}.annex-stream{display:inline-block;position:relative;text-align:left}.annex-stream.hidden{display:none}.annex-stream.handRaised{box-sizing:border-box;border:12px solid green}.annex-stream.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:auto!important;height:auto!important;z-index:10001}.annex-stream.fullscreen video{-o-object-fit:contain!important;object-fit:contain!important}.annex-stream .annex-elements .annex-stream-controls button:not(.annex-always-present),.annex-stream .annex-elements .annex-stream-controls select:not(.annex-always-present),.annex-stream .annex-elements .volume-slider{display:none}.annex-stream:hover .annex-elements .annex-stream-controls button,.annex-stream:hover .annex-elements .annex-stream-controls select,.annex-stream:hover .annex-elements .volume-slider{display:inline-block}.annex-stream>.annex-talking{position:absolute;width:6px;height:0;right:0;bottom:0;background-color:#ce2a57;z-index:2;transition:height .25s ease-out}.annex-stream .annex-meta{position:absolute;bottom:6px;left:3px;z-index:1}.annex-stream .annex-meta .annex-name,.annex-stream .annex-meta .annex-type,.annex-stream .annex-meta .annex-performance-mode,.annex-stream .annex-meta .annex-section,.annex-stream .annex-meta .annex-bandwidth,.annex-stream .annex-meta .annex-routed-bandwidth{display:inline;font-family:monospace;font-size:12px;color:#fff;background-color:#b74c00;margin:3px 2px;padding:2px 4px;border-radius:4px}.annex-stream .annex-meta .annex-bandwidth{display:block;width:-moz-fit-content;width:fit-content;background-color:#21a449}.annex-stream .annex-meta .annex-routed-bandwidth{background-color:#a42145}.annex-stream .annex-elements{position:relative;width:100%;height:100%}.annex-stream .annex-elements .volume-slider{position:absolute;right:4px;bottom:0;width:25%}.annex-stream .annex-elements .annex-talking,.annex-stream .annex-elements .annex-has-no-audio-signal{position:absolute;top:10px;right:10px;font-size:16px;color:#ce2a57}.annex-stream .annex-elements .annex-mic-muted-meter{padding:8px;height:50px;border-radius:50px;font-weight:500;font-size:24px;position:absolute;left:10px}.annex-stream .annex-elements .annex-talking{display:none;animation:blink 1.2s linear infinite}.annex-stream .annex-elements .annex-stream-controls{position:absolute;left:0;top:6px;width:100%;height:17%;min-height:22px;max-height:44px;display:flex;justify-content:space-between}.annex-stream .annex-elements .annex-stream-controls button{cursor:pointer;font-size:14px;color:#fff;background-color:#ea6100;margin:1px 0 1px 2px;height:100%;border:0;border-radius:6px;outline:0}.annex-stream .annex-elements .annex-stream-controls button:first-child{margin-left:6px}.annex-stream .annex-elements .annex-stream-controls button:hover{background-color:#ff7b1e}.annex-stream .annex-elements .annex-stream-controls button.annex-success{background-color:#2ace5c}.annex-stream .annex-elements .annex-stream-controls button.annex-danger{background-color:#ce2a57}.annex-stream .annex-elements .annex-stream-controls select{height:100%;font-size:14px;background-color:#fff;margin:1px 0 1px 2px;padding:1px 2px;border-radius:6px;outline:0}.annex-stream .annex-elements .annex-stream-controls input[type=range]{position:absolute;right:0;bottom:0;width:80px;margin-right:8px}.annex-stream .annex-elements video{display:block;background-color:#000;width:100%;height:100%}.annex-stream .annex-elements video.different-section{filter:blur(5px) grayscale(100%)}.annex-container{position:relative;height:100%;display:grid;grid-template-rows:auto 1fr}.annex-container.observer{background-color:#696969}.annex-container .annex-streams{position:relative;text-align:center;font-size:0;overflow:scroll}.annex-container .annex-streams .annex-teachers-streams .annex-stream .annex-meta .annex-type{background-color:#a42145}.annex-container .annex-streams::-webkit-scrollbar{display:none}.annex-container .annex-streams .missing-user{background:repeating-linear-gradient(45deg,red,red 10px,#ff0 10px,#ff0 20px)}.annex-container .annex-controls{padding:4px;position:relative;z-index:11;display:flex;justify-content:center;flex-wrap:wrap;align-items:center}.annex-container .annex-controls .annex-active-speakers{position:absolute;right:0;pointer-events:none;font-size:12px;color:#fff;background-color:#ff7b1e;border-left:3px solid #b74c00;padding:4px 8px;opacity:.9;z-index:10}.annex-container .annex-controls button{cursor:pointer;font-size:16px;color:#fff;background-color:#ea6100;margin:0 8px 0 10px;width:40px;height:40px;border:0;border-radius:50%;outline:0}.annex-container .annex-controls select{background-color:#fff;margin-right:12px;padding:4px 8px;border-radius:4px;outline:0}.annex-container .annex-controls .annex-success{background-color:#2ace5c}.annex-container .annex-controls .annex-danger{background-color:#ce2a57}.annex-container .annex-controls .connection-info-signal{font-size:24px}.annex-container .annex-error-message{position:absolute;top:10px;right:10px;width:55%;color:#fff;font-size:15px;z-index:1}.annex-container .annex-error-message .annex-title{font-weight:700;padding:12px 22px 8px;background:#a42145;border-radius:8px 8px 0 0}.annex-container .annex-error-message .annex-content{text-align:justify;padding:4px 22px 18px;background:#a42145}.annex-container .annex-error-message.annex-info .annex-title,.annex-container .annex-error-message.annex-info .annex-content{background:#2167a4}.annex-container .annex-error-message .annex-close{text-align:center;padding:10px 22px;background:#d15600;border-radius:0 0 8px 8px;cursor:pointer}.annex-devices{position:fixed;top:0;right:0;bottom:0;padding:16px 24px;font-size:16px;background-color:#b74c00;z-index:10001}.annex-devices .annex-close{cursor:pointer;float:right;font-size:16px;color:#512200;background-color:transparent;padding:4px;border:0}.annex-devices .annex-section{padding:4px}.annex-devices .annex-section .annex-title{font-weight:700}.annex-devices .annex-section select{color:#1e1e1e;margin:5px 0}.volume-meter{display:flex;-moz-column-gap:.2em;column-gap:.2em}.volume-meter .filled{width:10%}.volume-meter .filled-0{background:#ffffff80}.volume-meter .filled-1{background:#ffffff8c}.volume-meter .filled-2{background:#fff9}.volume-meter .filled-3{background:#ffffffa6}.volume-meter .filled-4{background:#ffffffb3}.volume-meter .filled-5{background:#ffffffbf}.volume-meter .filled-6{background:#fffc}.volume-meter .filled-7{background:#ffffffd9}.volume-meter .filled-8{background:#ffffffe6}.volume-meter .filled-9{background:#fffffff2}.flex{display:flex}.flex-col{flex-direction:column}.items-end{align-items:end}.items-center{align-items:center}.justify-center{justify-content:center}@keyframes blink{50%{opacity:.2}}input[type=range]{-webkit-appearance:none;background:transparent;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0;background:#ffb784;border-radius:1px;border:0}input[type=range]::-webkit-slider-thumb{box-shadow:0;border:0;height:18px;width:18px;border-radius:25px;background:#ea6100;cursor:pointer;-webkit-appearance:none;margin-top:-6.5px}input[type=range]:focus::-webkit-slider-runnable-track{background:#ffb784}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0;background:#ffb784;border-radius:1px;border:0}input[type=range]::-moz-range-thumb{box-shadow:0;border:0;height:18px;width:18px;border-radius:25px;background:#ea6100;cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#ffb784;border:0;border-radius:2px;box-shadow:0}input[type=range]::-ms-fill-upper{background:#ffb784;border:0;border-radius:2px;box-shadow:0}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0;border:0;height:18px;width:18px;border-radius:25px;background:#ea6100;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#ffb784}input[type=range]:focus::-ms-fill-upper{background:#ffb784}[data-annex-tooltip]{position:relative}[data-annex-tooltip]:before{visibility:hidden;content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:0 6px 4px 6px;border-style:solid;border-color:transparent transparent #9e4100 transparent;z-index:100}[data-annex-tooltip]:after{visibility:hidden;content:attr(data-annex-tooltip);position:absolute;left:50%;bottom:-6px;transform:translate(-50%) translateY(100%);background:#9e4100;text-align:center;color:#fff;padding:4px 2px;font-size:12px;min-width:120px;border-radius:5px;pointer-events:none;z-index:1000}[data-annex-tooltip]:hover:before,[data-annex-tooltip]:hover:after{visibility:visible}#annex-video [data-annex-tooltip]{position:relative}#annex-video [data-annex-tooltip]:after{bottom:0;top:-6px;transform:translate(-50%) translateY(-100%);display:grid;place-items:center}#annex-video [data-annex-tooltip]:before{top:-5px;border-width:4px 6px 0 6px;border-color:#9e4100 transparent transparent transparent}#annex-tech-test-mirror,#annex-tech-test{display:none}#annex-tech-test-results{position:fixed;top:10px;left:10px;width:300px;padding:10px;background-color:#f1f1f1;color:#ff0202;z-index:10}#annex-chats-container{position:fixed;display:flex;bottom:0;right:0;grid-gap:1em;z-index:101;align-items:flex-end}#annex-chats-container .annex-messagebox{font-family:monospace;display:flex;flex-direction:column;width:280px;height:320px;color:#1e1e1e;background-color:#fff;border:1px solid #ea6100;border-bottom:0;border-radius:6px 6px 0 0;z-index:1000;animation:.2s ease-in;margin-right:.5em}#annex-chats-container .annex-messagebox .flashing{animation:flash .5s infinite;font-size:2em!important}@keyframes flash{0%{color:#ea6100}75%{color:inherit}}#annex-chats-container .annex-messagebox.collapsed{height:inherit;width:inherit;cursor:pointer}#annex-chats-container .annex-messagebox .annex-head{font-size:13px;font-weight:700;padding:8px 16px;max-height:50px;display:flex;align-items:center;color:#fff;background-color:#ea6100;justify-content:space-between}#annex-chats-container .annex-messagebox .annex-head .annex-close{cursor:pointer;float:right;font-size:16px;color:#512200;background-color:transparent;padding:4px;border:0}#annex-chats-container .annex-messagebox .annex-head .offline{background-color:gray}#annex-chats-container .annex-messagebox .annex-content{font-size:16px;padding:16px;overflow-y:scroll;flex-grow:9}#annex-chats-container .annex-messagebox .annex-content .annex-info-container{display:flex;flex-direction:column;margin:8px 0}#annex-chats-container .annex-messagebox .annex-content .annex-posted-at{display:flex;justify-content:flex-end;font-family:monospace;font-size:10px;font-style:italic;color:gray;margin-right:3px}#annex-chats-container .annex-messagebox .annex-content .annex-username{font-weight:700;font-size:12px}#annex-chats-container .annex-messagebox .annex-content .annex-chat-message-container{display:flex;flex-direction:column;row-gap:2px}#annex-chats-container .annex-messagebox .annex-content .annex-chat-message-container.me{align-items:flex-end}#annex-chats-container .annex-messagebox .annex-content .annex-chat-message-container.them{align-items:flex-start}#annex-chats-container .annex-messagebox .annex-content .annex-chat-message{padding:5px 7px;word-break:break-word;font-size:14px;border-radius:18px}#annex-chats-container .annex-messagebox .annex-content .annex-chat-message.me{color:#fff;background:#0084ff}#annex-chats-container .annex-messagebox .annex-content .annex-chat-message.them{color:#000;background:#e4e6eb}#annex-chats-container .annex-messagebox .annex-input{width:100%;font-size:14px;flex-grow:2;box-sizing:border-box;padding:8px;border:0;border-top:1px solid #ea6100;outline:0;min-height:88px;max-height:88px;background-color:#fff3ea}svg[display=none]{display:none}