@font-face{font-family:Bariol;src:url(/fonts/bariol_regular-webfont.eot);src:url(/fonts/bariol_regular-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/bariol_regular-webfont.woff) format("woff"),url(/fonts/bariol_regular-webfont.ttf) format("truetype"),url(/fonts/bariol_regular-webfont.svg#BariolRegularRegular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Bariol Bold;src:url(/fonts/bariol_bold-webfont.eot);src:url(/fonts/bariol_bold-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/bariol_bold-webfont.woff) format("woff"),url(/fonts/bariol_bold-webfont.ttf) format("truetype"),url(/fonts/bariol_bold-webfont.svg#BariolRegularRegular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Bariol Light;src:url(/fonts/bariol_light-webfont.eot);src:url(/fonts/bariol_light-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/bariol_light-webfont.woff) format("woff"),url(/fonts/bariol_light-webfont.ttf) format("truetype"),url(/fonts/bariol_light-webfont.svg#BariolRegularRegular) format("svg");font-weight:400;font-style:normal}.hidden{display:none}body,html{height:100%;margin:0;width:100%}body{overflow:hidden;padding:0}#volume-meter-canvas{bottom:25px;right:25px;position:absolute;z-index:10}#glassboard{bottom:0;border-width:0;display:block;height:100%;left:0;max-height:100%;max-width:100%;object-fit:contain;position:absolute;width:100%;z-index:1;pointer-events:auto}#glassboard.active{transform:rotateY(180deg)}#vidello-logo,#vidello-logo-xs{transition:.5s ease}#vidello-logo-xs:hover,#vidello-logo:hover{transform:rotate(-15deg)}.vidello-logo-subtitle,.vidello-logo-subtitle-xs,.vidello-logo-title,.vidello-logo-title-xs{font-family:Bariol;font-weight:400;font-style:normal}.vidello-logo-title{font-size:68px}.vidello-logo-title sup{font-size:12px}.vidello-logo-subtitle{font-size:24px;color:dimgray}.vidello-logo-title-xs{font-size:48px}.vidello-logo-title-xs sup{font-size:12px}.vidello-logo-subtitle-xs{font-size:16px;color:dimgray}#vidello-logo-xs{height:48px}#vidello-logo-call{height:48px;opacity:.6;position:absolute;left:20px;bottom:20px;z-index:4}#join-button,#send-link-button{padding:0 60px;margin:6px 8px}#rejoin-button{z-index:6}div#room-selection-padding{padding-top:6em}div#room-selection-padding-xs{padding-top:3em}div#room-selection h2{text-align:center;margin-bottom:0}div#room-selection h3{text-align:center;color:dimgray;margin-top:8px}div#room-selection md-autocomplete{min-width:16em;max-width:16em}div#room-selection #room-id-input{min-width:16em;max-width:16em;padding:20px}#room-id-input-label{text-align:center}#browser-support-label{font-style:italic;padding-top:8em;text-align:center}div#confirm-join #confirm-join-message{color:#fff}div#confirm-join>div{z-index:2}div#confirm-join>div>span{white-space:pre}#videos{font-size:0;height:100%;position:absolute;pointer-events:none;transition:all 1s;width:100%}#videos.active{transform:rotateY(180deg)}#local-video{height:100%;max-height:100%;max-width:100%;object-fit:cover;transition:opacity 1s;transform:scaleX(-1);width:100%}#local-video.active{background-color:#333;z-index:0}#mini-video{border:1px solid gray;bottom:20px;left:20px;max-width:17%;max-height:17%;opacity:0;position:absolute;z-index:2;transition:opacity .1s;transition-timing-function:ease-in-out}#mini-video.active{opacity:1}#mini-video-pin-button{bottom:20px;right:20px;position:absolute;z-index:5;min-width:0;min-height:0;pointer-events:auto;margin:0;padding:0}#mini-video-canvas{border:1px solid transparent;bottom:20px;left:20px;position:absolute}#mini-video-overlay-canvas{border:1px solid dimgray;bottom:20px;left:20px;opacity:0;position:absolute;transition:opacity .5s;z-index:3}#mini-video-overlay-canvas.active{opacity:.6}#silhouette{position:absolute}#silhouette-canvas{bottom:20px;left:20px;opacity:0;position:absolute;transition:opacity .5s;z-index:4}#silhouette-canvas.active{opacity:.6}#mini-remote-video{border:1px solid gray;bottom:20px;max-width:17%;max-height:17%;opacity:0;position:absolute;z-index:2;pointer-events:none;transition:opacity .1s;transition-timing-function:ease-in-out;transform:rotateY(180deg)}#mini-remote-video.active{opacity:1;pointer-events:auto;transform:rotateY(0deg)}#remote-video{display:block;height:100%;max-height:100%;max-width:100%;object-fit:cover;opacity:0;position:absolute;transform:rotateY(180deg);transition:opacity 1s,transform 1s;transition-timing-function:ease-in-out;width:100%}#remote-video.active{background-color:#333;opacity:1;z-index:0}#remote-video.rotate-0deg{transform:rotateY(0deg)}#screen-video{bottom:0;display:block;height:100%;left:0;max-height:100%;max-width:100%;object-fit:contain;opacity:0;pointer-events:none;position:absolute;transform:rotateY(180deg);transition:opacity .1s;width:100%;z-index:1}#screen-video.active{background-color:#333;opacity:1;pointer-events:auto}#screen-video.active-transparent{background-color:transparent;opacity:.6;pointer-events:auto}footer>div{display:none;pointer-events:none;opacity:0;transition:opacity 1s}footer>div.active{display:block;opacity:1;pointer-events:auto}footer>div#info-div,footer>div#status-div{background-color:rgba(48,48,48,.6);color:#fff;z-index:2}footer>div#status-div{padding-left:16px}#rejoin-div,#room-link-content{z-index:2}#room-link-href{text-transform:lowercase;font-size:1em}div#privacy{color:gray}div#copy,div#privacy a{color:gray;font-size:13px}#closed-captions{margin-bottom:2vh;z-index:6}#local-closed-captions,#remote-closed-captions{background:rgba(48,48,48,.6);font-size:4vh;font-style:normal;font-weight:400;margin:auto;max-width:50vw;padding-left:1vh;padding-right:1vh;text-align:center;word-wrap:break-word}#remote-closed-captions{color:#fff}#local-closed-captions{color:#ff0}.closed-captions-label{color:#fff}#options-menu md-menu{padding-right:20px;padding-top:20px}#options-menu-content md-menu-item.on,#options-menu-content md-menu-item.on md-icon{color:#2196f3}.x-vertical-toolbar{background-color:rgba(48,48,48,.6);position:absolute;display:inline-block;top:50%;z-index:100}.x-vertical-toolbar .md-button.md-small{min-width:1%}.x-vertical-toolbar .md-button md-icon{color:#fff}.x-vertical-toolbar-left{border-radius:0 3px 3px 0;left:10px;transform:translate(-100%,-50%)}.x-vertical-toolbar-left.active{left:0;transform:translateY(-50%)}.x-vertical-toolbar-right{right:0;border-radius:3px 0 0 3px;width:10px;transform:translateY(-50%)}.x-vertical-toolbar-right.active{transform:translateY(-50%);width:auto}.x-horizontal-toolbar{background-color:rgba(48,48,48,.6);border-radius:3px;position:absolute;display:inline-block;left:50%;transform:translate(-50%);z-index:6}.x-horizontal-toolbar .md-button.md-small{min-width:1%}.x-horizontal-toolbar .md-button md-icon{color:#fff}.x-horizontal-toolbar-top{top:4px}.x-horizontal-toolbar-bottom{bottom:4px;display:none}.x-horizontal-toolbar-bottom.active{display:inline-block}