:root{-webkit-tap-highlight-color:#0000001a;--button-normal-color:#0f77bd;--button-hover-color:#0d68a5;--button-active-color:#0b5a8e;--button-normal-color-light:#ecf7fd;--button-hover-color-light:#def0fc;--subtle-background:#f5f7fa;--half-transparent:#00000080;--popup-z-index:100;--local-video-z-index:200;font-family:Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}[hidden]{display:none!important}dialog{box-shadow:0 0 8px var(--half-transparent);overscroll-behavior:contain;border:none;padding:0}dialog::backdrop{background-color:#0003}@media (prefers-reduced-motion:no-preference){dialog,dialog::backdrop{transition-property:all,display,overlay;transition-duration:.2s;transition-behavior:allow-discrete!important}dialog.closed,dialog.closed::backdrop{opacity:0;pointer-events:none}dialog.closed{scale:.95}}select{text-align:center;cursor:pointer;background-color:#fff;border:none;border-radius:0;outline:none;padding:.4em .7em}select:focus{border-color:var(--button-normal-color)}button{display:inline-flex}:where(button){cursor:pointer;color:#fff;background-color:var(--button-normal-color);-webkit-tap-highlight-color:transparent;border:none;padding:.5em .8em}@media (hover:hover){:where(button:hover){background-color:var(--button-hover-color)}}:where(button:active,button.ontouch){background-color:var(--button-active-color)}input{border:1px solid var(--half-transparent);outline:none;padding:.4em}input:focus{border-color:var(--button-normal-color)}input:invalid{border-color:brown}input[type=checkbox]{outline:revert;cursor:pointer;accent-color:var(--button-normal-color);margin:0}input[type=range]{outline:revert;cursor:pointer;padding:0}code{text-align:start;font-family:Consolas,monospace}:root:not(.started) body{height:100svh;display:grid}main{gap:1em;display:grid}:root:not(.started) main{grid-template-rows:min-content min-content minmax(0,min-content) min-content;align-content:space-between;max-height:100%;padding:1em 2em 2em;overflow:hidden}@media (width>800px){:root:not(.started) body{background-color:#f2f2f2}:root:not(.started) main{background-color:#fff;margin:auto;padding:1em 2em 2em;box-shadow:0 2px 6px #0003}}:root.started main{grid-template-rows:min-content min-content auto;height:100svh}header{justify-content:flex-end;align-items:center;font-size:1.75em;display:flex}header a{display:flex}.flex-container{flex-wrap:wrap;justify-content:center;gap:1em;display:flex}#room-input-div{grid-template-rows:min-content min-content;justify-content:center;align-items:center;gap:1em;display:grid}#room-input-div>div{grid-template-columns:auto min-content;justify-content:center;gap:1em;display:grid}#room-input-div>h3{text-align:center;margin-top:0;font-size:1.2em;font-weight:400}#room-input-div input{min-width:0;padding:.5em 1em}#room-input-div button{padding:.5em 1em;font-size:1.2em}#recent-rooms{text-align:center;grid-template-rows:min-content minmax(0,min-content);gap:.5em;display:grid}#recent-rooms>h3{font-size:1.2em;font-weight:400}#recent-room-container{--recent-room-height:2.5em;grid-template-columns:repeat(2,minmax(0,18em));grid-template-rows:repeat(2, var(--recent-room-height));justify-content:center;gap:1.5em;margin:1em;display:grid;overflow:auto}@media (width<600px){#recent-room-container{grid-template-columns:repeat(1,minmax(0,18em));grid-template-rows:repeat(4, var(--recent-room-height))}}#recent-room-container .place-holder{background-color:var(--subtle-background)}#connection-state-indicator{text-align:center;margin-top:1em;margin-bottom:.5em;font-size:1.5em}#device-select-div{flex-wrap:wrap;justify-content:center;gap:1em;display:flex}#device-select-div>div{width:300px;height:40px;display:flex}#device-select-div>div>*,#device-select-div option{background-color:var(--button-normal-color-light)}@media (hover:hover){#device-select-div>div>:hover,#device-select-div>div>:focus-visible{background-color:var(--button-hover-color-light)}}#device-select-div button{font-size:1.3em}#device-select-div select{border:none;flex-grow:1;min-width:0}#device-select-div select:not(:first-child){border-left:1px solid #fff}.icon-button{--icon-button-color:var(--button-normal-color);--icon-button-highlight-color:var(--button-hover-color);--icon-button-active-color:var(--button-active-color);color:var(--icon-button-color);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;outline:none;justify-content:center;align-items:center;padding:.5em;position:relative}.icon-button:before,.icon-button:after{content:"";pointer-events:none;border-radius:inherit;background-color:#0000;border:1px solid #0000;transition:background-color .1s ease-out,border-color .4s ease-in-out;position:absolute;inset:0}.icon-button:active:before,.icon-button.ontouch:before,.icon-button:active:after,.icon-button.ontouch:after{transition:none}.icon-button:not(:disabled):active:before,.icon-button:not(:disabled).ontouch:before{background-color:#0000001a}.icon-button:not(:disabled):active:after,.icon-button:not(:disabled).ontouch:after{opacity:0;border-color:#0003}@media (hover:hover){.icon-button:not(:disabled):hover{color:var(--icon-button-highlight-color);background-color:#0000001a}}.icon-button:not(:disabled):focus-visible{background-color:#0000001a}.icon-button:not(:disabled):active,.icon-button:not(:disabled).ontouch{color:var(--icon-button-active-color)}#remote-video-container{justify-content:center;place-items:stretch center;gap:1em;margin-bottom:1em;display:flex;overflow:hidden}@media (width<1000px){#remote-video-container{flex-direction:column}}#remote-video-container>div{max-width:100%;height:100%}#remote-video-container>div.only-visible-child{aspect-ratio:16/9}#remote-video-container custom-video{width:100%;height:100%}#remote-video-container:has(custom-video:not(.started)){align-items:center}#welcome-dialog>form{justify-items:center;gap:1em;max-width:550px;padding:3em 2em;line-height:1.5;display:grid}@media (width<500px){#welcome-dialog>form{padding:2em 1em}}#welcome-dialog>form>h2{text-align:center;margin:0}#welcome-dialog>form ul{gap:.25em;display:grid}#config-ice-dialog{max-width:100%;max-height:80%}#config-ice-dialog>div{flex-direction:column;padding:2em}@media (width<500px){#config-ice-dialog>div{padding:2em 1em}}.import-container{justify-content:space-between;gap:1em;max-width:100%;padding:0 1em;display:flex}.import-container input{flex-grow:1;min-width:0;overflow:auto}#ice-server-container{width:500px;max-width:100%;max-height:50vh;overflow:auto}#ice-server-container>div{text-align:left;justify-content:space-between;gap:1em;max-width:100%;padding:.5em;display:flex}#ice-server-container>div:not(:first-child){border-top:1px solid #0003}#ice-server-container label{cursor:pointer;flex-wrap:nowrap;flex-grow:1;align-items:center;gap:1em;display:flex;overflow:auto}#ice-server-container label span{overflow-wrap:break-word;overflow:auto}#ice-server-container input[type=checkbox]{margin-left:revert}#ice-server-container .button-container{flex-wrap:nowrap;font-size:1.1em;display:flex}#add-ice-dialog{width:325px}#add-ice-dialog>form{flex-direction:column;gap:2em;padding:2em}.form-input-container{flex-direction:column;gap:1.5em}.form-input-container>div{text-align:left;flex-direction:column;gap:.5em;display:flex}#export-ice-dialog{width:500px}.export-container{flex-direction:column;gap:1em;padding:2em;display:flex}.export-container>div{background-color:var(--subtle-background);justify-content:space-between;align-items:center;gap:1em;padding:1em;display:flex}.export-container code{overflow-wrap:break-word;font-size:.9em;line-height:1.45;display:block;overflow:auto}.export-container button{font-size:1.3em}#overlay-title-bar{-webkit-app-region:drag;app-region:drag;left:env(titlebar-area-x,0);top:env(titlebar-area-y,0);width:env(titlebar-area-width,0);height:env(titlebar-area-height,0);position:fixed}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}::view-transition-old(root){animation:.3s root-transition-old}::view-transition-new(root){animation:.3s root-transition-new}@keyframes root-transition-old{50%{opacity:0}to{scale:1.2}}@keyframes root-transition-new{0%{opacity:0;scale:.95}50%{opacity:1}}
/*# sourceMappingURL=webrtc-video-chat-test.593f9a75.css.map */