html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:open sans;src:url(fonts/opensans-regular.eot) format("eot"),url(opensans-regular.svg) format("svg"),url(fonts/opensans-regular.ttf) format("ttf"),url(fonts/opensans-regular.woff) format("woff"),url(fonts/opensans-regular.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:open sans;src:url(fonts/opensans-bold.eot) format("eot"),url(opensans-bold.svg) format("svg"),url(fonts/opensans-bold.ttf) format("ttf"),url(fonts/opensans-bold.woff) format("woff"),url(fonts/opensans-bold.woff2) format("woff2");font-weight:700}@font-face{font-family:open sans;src:url(fonts/opensans-light.eot) format("eot"),url(opensans-light.svg) format("svg"),url(fonts/opensans-light.ttf) format("ttf"),url(fonts/opensans-light.woff) format("woff"),url(fonts/opensans-light.woff2) format("woff2");font-weight:100}html{height:100%;width:100%;font-size:100%;font-family:open sans,sans-serif;text-align:center;font-weight:100}.toolbar img,svg{shape-rendering:auto}body{min-height:100%;position:relative}a{color:inherit;display:inline-block}h1{font-size:4em;margin-top:0;line-height:1.1em;margin-bottom:.67rem}@media (max-width:599px){h1{font-size:2.2rem;line-height:2.2rem}}h2{line-height:2rem}@media (max-width:599px){h2{font-size:1em;line-height:1.2rem}}p{font-size:1em;font-weight:100}.service{height:100vh;background-color:#2c2c2c;color:#fff}.styled{padding:0 20px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.dn{display:none!important}.dn-video{height:0!important;opacity:0!important}.d-video,.dn-video{display:block!important}.d-video{height:100%!important;opacity:1!important}*{box-sizing:border-box}.sidebar,.toolbar{background-color:rgba(0,0,0,.8);z-index:3}.sidebar nav,.toolbar nav{display:grid}@media (max-width:599px){.sidebar nav>div,.toolbar nav>div{transform:scale(.9)}}.sidebar{position:absolute;display:grid;top:0;left:0;grid-template-columns:1fr 1fr;width:100%;padding:10px 0}@media (max-width:599px){.sidebar{padding:0}}.sidebar .logo{background:url(http://i42de.s3.amazonaws.com/videoChat/i42-logo.svg) no-repeat 0;background-size:contain!important;margin-left:15px}@media (max-width:599px){.sidebar .logo{background-size:80%!important}}.sidebar .logo{text-align:left}.sidebar .ctrls{display:grid;justify-items:end}.sidebar .ctrls nav{display:grid;padding-right:20px;grid-column-gap:40px}@media (max-width:599px){.sidebar .ctrls nav{padding-right:10px;grid-column-gap:10px}}.sidebar .ctrls nav{grid-template-columns:repeat(3,48px)}@keyframes a{0%{border-color:#009084}50%{border-color:rgba(0,144,132,0)}to{border-color:#009084}}.talking{border:2px solid #009084;animation:a 4s infinite}.toggle-exit-icon{z-index:4;position:absolute;right:22px;top:11px}.toggle-exit-icon a{border-radius:50%;width:44px;height:44px}@media (max-width:599px){.toggle-exit-icon{transform:scale(.9);top:1px;right:12px}}.toolbar{position:absolute;bottom:10px;display:inline-block;border-radius:40px;padding:10px;left:50%;transform:translateX(-50%)}.toolbar.transparent{background-color:transparent}@media (max-width:599px){.toolbar{padding:1px 2px 0}}.toolbar nav{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:20px}@media (max-width:599px){.toolbar nav{grid-column-gap:5px;grid-template-columns:repeat(6,1fr)}}.toolbar nav>div button{background-color:rgba(0,0,0,.8);border:2px solid #000;border-radius:50%;width:44px;height:44px;position:relative;cursor:pointer}.toolbar nav>div button:hover{border:2px solid #fff}.toolbar nav>div button .line{display:none}.toolbar nav>div button.disabled .line{display:block}.toolbar nav>div button svg{position:absolute;left:-2px;top:-2px}.toolbar nav>div{display:inline-block;height:46px}.toolbar nav>div:last-child{text-align:right}.toolbar nav #record-stop-icon,.toolbar nav .started #record-start-icon{display:none}.toolbar nav .started #record-stop-icon{display:block}.ctrls button{background-color:rgba(0,0,0,.8);border:2px solid #000;border-radius:50%;width:44px;height:44px;position:relative;cursor:pointer}.ctrls button:hover{border:2px solid #fff}.ctrls button .line{display:none}.ctrls button.disabled .line{display:block}.ctrls button svg{position:absolute;left:-2px;top:-2px}#videotest video{transform:scaleX(-1);-webkit-transform:scaleX(-1)}#videotest{opacity:1;height:0}#app-container.loading .controls{display:none}.controls{position:absolute;bottom:10px;right:10px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;background:rgba(0,0,0,.8);border-radius:10px;padding:15px;border:1px solid hsla(0,0%,100%,.3);z-index:4;width:280px}@media (max-width:599px){.controls{width:200px;padding:10px;bottom:130px;right:5px}}.control-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:5px}.control-group label{color:#fff;font-weight:500;font-size:.85em;text-align:left}@media (max-width:599px){.control-group label{font-size:.75em}}.control-group select{padding:8px;border-radius:5px;border:1px solid hsla(0,0%,100%,.3);font-size:.9em;background:hsla(0,0%,100%,.95);transition:all .3s ease}@media (max-width:599px){.control-group select{padding:6px;font-size:.8em}}.control-group select:hover{border-color:hsla(0,0%,100%,.6)}.control-group select:focus{outline:none;border-color:#ff6800}.translation-display{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:0;max-width:90%;width:auto;min-width:500px}@media (max-width:599px){.translation-display{bottom:160px;max-width:95%;min-width:280px}}.translation-display .translation-content{background:rgba(0,0,0,.85);border-radius:15px;padding:20px 35px;border:2px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px rgba(0,0,0,.5);backdrop-filter:blur(10px);min-height:60px}@media (max-width:599px){.translation-display .translation-content{padding:15px 25px;border-radius:12px;min-height:50px}}.translation-display .translation-content span{color:#fff;font-size:1.3em;font-weight:400;line-height:1.6;display:block;text-align:center}@media (max-width:599px){.translation-display .translation-content span{font-size:1em;line-height:1.5}}.translation-display.dn{display:none}.conference{display:grid;position:absolute;bottom:10px;left:10px}@media (max-width:599px){.conference{grid-template-columns:repeat(3,1fr);grid-column-gap:10px;bottom:66px;justify-items:center;margin-bottom:10px;width:calc(100% - 310px)}}@media (max-width:599px) and (max-width:599px){.conference{width:calc(100% - 220px)}}@media (max-width:900px) and (min-height:900px){.conference{grid-template-columns:repeat(3,1fr);grid-column-gap:10px;bottom:66px;justify-items:center;margin-bottom:10px;width:calc(100% - 310px);bottom:76px}}@media (max-width:900px) and (min-height:900px) and (max-width:599px){.conference{width:calc(100% - 220px)}}.conference .video-preview{background-color:rgba(0,0,0,.8);width:300px;height:220px;position:relative;overflow:hidden}.conference .video-preview span{position:absolute;bottom:0;background-color:rgba(44,44,44,.8);z-index:1;color:#fff;padding:.2rem;font-size:1rem}@media (max-width:599px){.conference .video-preview span{font-size:.7rem}}.conference .video-preview span{width:100%;left:0}.conference .video-preview video{height:100%;position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%)}@media (max-width:599px){.conference .video-preview{grid-row:auto;width:136px;height:100px}}@media (min-width:600px) and (max-height:400px){.conference .video-preview{grid-row:auto;width:136px;height:100px}}@media (max-width:900px) and (min-height:900px){.conference .video-preview{grid-row:auto;width:136px;height:100px}}@media (min-width:720px) and (min-height:400px) and (max-width:900px){.conference .video-preview{grid-row:auto;width:136px;height:100px}}.conference .video-preview:nth-child(2),.conference .video-preview:nth-child(3){margin:10px 0 0}@media (max-width:599px){.conference .video-preview:nth-child(2),.conference .video-preview:nth-child(3){margin:0}}@media (max-width:900px) and (min-height:900px){.conference .video-preview:nth-child(2),.conference .video-preview:nth-child(3){margin:0 0 10px}}.video-background{background:linear-gradient(180deg,rgba(0,0,0,.7),#2c2c2c);background-position:50%;background-size:contain;background-repeat:no-repeat;position:absolute;max-width:100%;min-height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden}.video-background span{position:absolute;color:#fff;background-color:rgba(0,0,0,.7);max-width:40vw;left:50%;top:12vh;transform:translateY(-80%) translateX(-50%);z-index:2;display:inline-block;padding:4px 20px}@keyframes b{0%{opacity:0}to{opacity:1}}.loading{animation:b .5s ease-in-out}.config h2{border-bottom:1px solid #fff;padding:1rem 0 .4rem}@keyframes c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{margin:auto;border:8px solid #2c2c2c;border-top:8px solid #fff;border-bottom:8px solid #fff;border-radius:50%;width:120px;height:120px;animation:c 1.5s linear infinite}#debug-container{position:absolute;top:55px;left:0;right:0;bottom:0;opacity:.8;background-color:#000;z-index:5}.connection-info{display:inline-block}.mirror{transform:translateY(-50%) translateX(-50%) rotateY(180deg)!important}#backgroundUser{position:relative;height:150px}#backgroundUser>span{position:absolute;bottom:20px;text-align:center;background-color:rgba(44,44,44,.8);border-radius:25px;color:#fff;padding:.4rem .8rem;font-size:1rem;left:50%;transform:translateX(-50%)}@media (max-width:599px){#backgroundUser>span{font-size:.7rem;bottom:50px}}.button{cursor:pointer;color:#fff;background-color:hsla(0,0%,100%,.5);text-transform:uppercase;padding:20px;font-size:20px;font-weight:700;border:0;width:257px;margin:10px}.spectrumanalyzer{border:1px solid hsla(0,0%,100%,.2);width:auto}.video-background iframe,.video-background video{position:absolute;width:100%;max-width:100%;min-height:100%;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);max-height:100%}.custom-radio{display:grid;grid-template-columns:1fr 1fr}.custom-radio input[type=radio]{display:none}.custom-radio input[type=radio]+label{font-size:14px;text-transform:uppercase;color:#ff6800;cursor:pointer}.custom-radio input[type=radio]+label span{display:inline-block;width:16px;height:16px;margin:-1px 4px 0 0;vertical-align:middle;cursor:pointer;border-radius:50%;background-color:#fff;border:4px solid #fff}.custom-radio input[type=radio]:checked+label span{background-color:#ff6800}@media (orientation:portrait){.video-background video{width:100%}}@media (orientation:landscape){.config{padding-top:260px}}@media (min-aspect-ratio:16/9){.video-background video{height:185%}}.screen-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;opacity:0;pointer-events:none;z-index:6;transition:opacity .2s ease}