.vidyo-rendering-container{grid-gap:5px;align-items:stretch;display:grid;height:100%;justify-items:stretch;position:relative;width:100%}.vidyo-rendering-container .video-grid{grid-area:video}.vidyo-rendering-container .video-grid .popup-application{display:none}.vidyo-rendering-container .video-grid .video-wrapper{background:#202020}.vidyo-rendering-container .application-grid{grid-area:application}.vidyo-rendering-container .application-grid .video-wrapper{background:#000}.vidyo-rendering-container .application-grid .video-placeholder{display:none}.vidyo-rendering-container .application-grid .video-container:not(.pinned-video) .popup-application{height:auto;left:15px;position:absolute;top:15px;width:20px;z-index:10}.vidyo-rendering-container .flip-back-video{transform:translate(-50%,-50%) scaleX(1)!important}.vidyo-rendering-container.defaultWidthIsZero{width:100vw}.vidyo-rendering-container.defaultHeightIsZero{height:100vh}.vidyo-rendering-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vidyo-rendering-container .pin-participant{cursor:pointer;display:flex;opacity:.5}.vidyo-rendering-container .pin-participant:hover{opacity:.8}.vidyo-rendering-container .pin-participant img{height:100%;object-fit:contain;place-self:center;transform:translateY(12%);width:100%}.vidyo-rendering-container .control-participant{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-right:3px;opacity:.5}.vidyo-rendering-container .control-participant.hide{display:none}.vidyo-rendering-container .control-participant:hover{opacity:.8}.vidyo-rendering-container .fecc-controls{bottom:20px;height:4vw;left:10px;min-height:60px;min-width:60px;position:absolute;width:4vw;z-index:11}.vidyo-rendering-container .fecc-controls.hide{display:none}@media screen and (max-height:450px),screen and (max-width:450px){.vidyo-rendering-container .pinned-video .fecc-controls{height:100px;width:100px}}.vidyo-rendering-container .application-type .control-participant,.vidyo-rendering-container .application-type .fecc-controls,.vidyo-rendering-container .application-type .pin-participant,.vidyo-rendering-container .local-track .control-participant,.vidyo-rendering-container .local-track .fecc-controls,.vidyo-rendering-container .local-track .pin-participant,.vidyo-rendering-container .video-muted .control-participant,.vidyo-rendering-container .video-muted .fecc-controls,.vidyo-rendering-container .video-muted .pin-participant{display:none}.vidyo-rendering-container .media-grid{grid-gap:5px;align-items:stretch;display:grid;height:100%;justify-items:stretch;user-select:none;width:100%}.vidyo-rendering-container .media-grid:empty{display:none}.vidyo-rendering-container .media-grid video{background:#0000}.vidyo-rendering-container .media-grid .video-muted video{width:100%;z-index:-1}.vidyo-rendering-container .media-grid .video-restricted video{filter:blur(25px)}.vidyo-rendering-container .media-grid .stats-overlay{bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:0;z-index:10}.vidyo-rendering-container .media-grid .stats-overlay ul.statistics-list{list-style-type:none;padding:0}.vidyo-rendering-container .media-grid .stats-overlay ul.statistics-list li.statistics-line{background:#fff;display:inline;opacity:.5;padding:.1em}.vidyo-rendering-container .media-grid .stats-overlay ul.statistics-list li.statistics-line:after{content:"\A";white-space:pre}.vidyo-rendering-container .media-grid .stats-overlay ul.statistics-list li.statistics-line .statistics-key{font-weight:700}.vidyo-rendering-container .media-grid .video-overlay{display:grid;grid-template-rows:auto min-content;height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.vidyo-rendering-container .media-grid .video-overlay .video-control-views-wrapper{position:relative}.vidyo-rendering-container .media-grid .video-overlay .video-control-views-wrapper .tile-control-view{pointer-events:all}.vidyo-rendering-container .media-grid .video-overlay .video-display-name-wrapper{align-items:center;display:flex;flex-direction:row}.vidyo-rendering-container .media-grid .video-overlay .video-display-name-wrapper .video-tile-controls{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin:3px 3px 12px 6px;min-width:23px;pointer-events:all;z-index:2}.vidyo-rendering-container .media-grid .video-overlay .video-display-name-wrapper .video-tile-controls[hidden]{display:none}.vidyo-rendering-container .media-grid .video-overlay .video-display-name-wrapper .video-tile-controls .tile-control{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;height:1.65vw;justify-content:center;min-height:22px;min-width:22px;opacity:.5;outline:none;width:1.65vw}.vidyo-rendering-container .media-grid .video-overlay .video-display-name-wrapper .video-tile-controls .tile-control:hover{opacity:.8}.vidyo-rendering-container .media-grid .video-overlay .video-display-name-wrapper .video-display-name{background:#000;color:#fff;justify-content:left;opacity:.25;width:100%;word-break:break-all;z-index:1}.vidyo-rendering-container .media-grid .video-overlay .video-display-name-wrapper .video-display-name span{align-items:center;display:flex;font-size:1.65vw;margin:3px 3% 12px 3px;min-height:22pt;word-break:break-all}.vidyo-rendering-container .media-grid .video-overlay .video-display-name-wrapper .video-display-name:before{background-color:#000;content:"";height:100%;position:absolute;transform:translate(-100%);width:100px}.vidyo-rendering-container .media-grid .video-overlay .video-display-name-wrapper .video-tile-controls[hidden]+.video-display-name{margin-left:32px}.vidyo-rendering-container .media-grid .video-overlay .video-display-name-wrapper .volume-indicator{bottom:5px;height:5px;padding:0 3% 0 35px;position:absolute;width:100%;z-index:2}.vidyo-rendering-container .media-grid.application-grid .video-container video{height:100%;max-height:100%;max-width:100%;width:auto}.vidyo-rendering-container .media-grid.video-grid .video-container.local-track video{transform:translate(-50%,-50%) scaleX(-1)}.vidyo-rendering-container .media-grid.video-grid .video-container:not(.video-muted) div.video-placeholder{display:none}.vidyo-rendering-container .media-grid.video-grid .video-container.displayCropped:not(.video-muted).aspectRatioTooWide video{height:100%;object-fit:cover;width:auto}.vidyo-rendering-container .media-grid.video-grid .video-container.displayCropped:not(.video-muted).aspectRatioTooHigh video{height:auto;object-fit:cover;width:100%}.vidyo-rendering-container .media-grid.video-grid .video-container.displayCropped:not(.video-muted).aspectRatioInversed video{height:100%;margin-left:0;object-fit:cover;width:auto}.vidyo-rendering-container .media-grid.video-grid .video-container.displayCropped:not(.video-muted) video.video-loading{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.vidyo-rendering-container .media-grid.video-grid .video-container.video-muted video,.vidyo-rendering-container .media-grid.video-grid .video-container:not(.displayCropped) video{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.vidyo-rendering-container .media-grid .video-container{display:inline-flex;flex-direction:column;grid-column-end:span 2;grid-row-end:span 1;justify-content:center;overflow:hidden;position:relative}.vidyo-rendering-container .media-grid .video-container .video-placeholder{align-items:center;background:#202020;display:flex;height:100%;justify-content:center;width:100%}.vidyo-rendering-container .media-grid .video-container .video-placeholder .text{align-items:center;background-color:grey;border-radius:50%;color:#202020;display:flex;font-size:8rem;font-weight:700;height:11rem;justify-content:center;width:11rem}.vidyo-rendering-container .media-grid .video-container .video-wrapper{bottom:0;left:0;position:absolute;right:0;top:0}.vidyo-rendering-container .media-grid .video-container video{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vidyo-rendering-container .media-grid .video-container.audio-muted .volume-indicator{display:none}.vidyo-rendering-container .media-grid.picture-in-picture{grid-gap:0;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.vidyo-rendering-container .media-grid.picture-in-picture .video-container.remote-track{grid-column-end:6;grid-column-start:1;grid-row-end:6;grid-row-start:1}.vidyo-rendering-container .media-grid.picture-in-picture .video-container.local-track{font-size:.4em;grid-column-end:6;grid-column-start:5;grid-row-end:6;grid-row-start:5;z-index:2}.vidyo-rendering-container .media-grid.picture-in-picture .video-container.local-track video{max-height:100%;width:auto}.vidyo-rendering-container .media-grid.picture-in-picture .video-container.local-track .stats-overlay{display:none}.vidyo-rendering-container-custom{height:100%;position:relative;width:100%}.vidyo-rendering-container-custom .pin-participant,.vidyo-rendering-container-custom .popup-application{display:none}.vidyo-rendering-container-custom .control-participant{align-items:center;cursor:pointer;display:flex;justify-content:center;opacity:.5}.vidyo-rendering-container-custom .control-participant.hide{display:none}.vidyo-rendering-container-custom .control-participant:hover{opacity:.8}.vidyo-rendering-container-custom .fecc-controls{bottom:20px;height:4vw;left:10px;min-height:60px;min-width:60px;position:absolute;width:4vw;z-index:11}.vidyo-rendering-container-custom .fecc-controls.hide{display:none}.vidyo-rendering-container-custom .video-container{height:100%;overflow:hidden;position:relative;width:100%}.vidyo-rendering-container-custom .video-container .video-wrapper-container{height:100%;width:100%}.vidyo-rendering-container-custom .video-container .video-wrapper{background:#202020;height:100%;width:100%}.vidyo-rendering-container-custom .video-container.audio-muted .volume-indicator,.vidyo-rendering-container-custom .video-container:not(.video-muted) div.video-placeholder{display:none}.vidyo-rendering-container-custom .video-container.displayCropped video{object-fit:cover}.vidyo-rendering-container-custom .video-container video{background:#0000;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.vidyo-rendering-container-custom .video-container .video-muted video{width:100%;z-index:-1}.vidyo-rendering-container-custom .video-container.video-restricted video{filter:blur(25px)}.vidyo-rendering-container-custom .video-container .stats-overlay{bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:0;z-index:10}.vidyo-rendering-container-custom .video-container .stats-overlay.hide{display:none}.vidyo-rendering-container-custom .video-container .stats-overlay ul.statistics-list{list-style-type:none;padding:0}.vidyo-rendering-container-custom .video-container .stats-overlay ul.statistics-list li.statistics-line{background:#fff;display:inline;opacity:.5;padding:.1em}.vidyo-rendering-container-custom .video-container .stats-overlay ul.statistics-list li.statistics-line:after{content:"\A";white-space:pre}.vidyo-rendering-container-custom .video-container .stats-overlay ul.statistics-list li.statistics-line .statistics-key{font-weight:700}.vidyo-rendering-container-custom .video-container .video-overlay{display:grid;grid-template-rows:auto min-content;height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.vidyo-rendering-container-custom .video-container .video-overlay .video-control-views-wrapper{position:relative}.vidyo-rendering-container-custom .video-container .video-overlay .video-control-views-wrapper .tile-control-view{pointer-events:all}.vidyo-rendering-container-custom .video-container .video-overlay .video-display-name-wrapper{align-items:center;display:flex;flex-direction:row}.vidyo-rendering-container-custom .video-container .video-overlay .video-display-name-wrapper .video-tile-controls{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;margin:3px 0 12px;min-width:3%;padding:0 6px;pointer-events:all;z-index:3}.vidyo-rendering-container-custom .video-container .video-overlay .video-display-name-wrapper .video-tile-controls[hidden]{display:none}.vidyo-rendering-container-custom .video-container .video-overlay .video-display-name-wrapper .video-tile-controls .tile-control{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;height:1.65vw;justify-content:center;min-height:22px;min-width:22px;opacity:.5;outline:none;width:1.65vw}.vidyo-rendering-container-custom .video-container .video-overlay .video-display-name-wrapper .video-tile-controls .tile-control:hover{opacity:.8}.vidyo-rendering-container-custom .video-container .video-overlay .video-display-name-wrapper .video-display-name{background:#000;color:#fff;justify-content:left;opacity:.25;width:100%;word-break:break-all;z-index:2}.vidyo-rendering-container-custom .video-container .video-overlay .video-display-name-wrapper .video-display-name span{align-items:center;display:flex;font-size:1.65vw;margin:3px 3% 12px 0;min-height:22pt;word-break:break-all}.vidyo-rendering-container-custom .video-container .video-overlay .video-display-name-wrapper .video-display-name:before{background-color:#000;content:"";height:100%;position:absolute;transform:translate(-100%);width:100px}.vidyo-rendering-container-custom .video-container .video-overlay .video-display-name-wrapper .video-tile-controls[hidden]+.video-display-name span{margin-left:3%}.vidyo-rendering-container-custom .video-container .video-overlay .video-display-name-wrapper .volume-indicator{bottom:5px;height:5px;padding:0 3%;position:absolute;width:100%;z-index:2}.vidyo-rendering-container-custom .flip-back-video{transform:translate(-50%,-50%) scaleX(1)!important}.vidyo-rendering-container-custom:not(.application-type) .video-container.local-track video{transform:translate(-50%,-50%) scaleX(-1)}