.participant{margin-bottom:10px;border-radius:3px;-webkit-box-shadow:0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1);overflow:hidden;cursor:pointer;position:relative;min-height:auto}.participant:after{content:attr(placeholder);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15px;height:15px;border-radius:100%;background:#0d64d0;color:#fff;position:absolute;top:8px;left:12px;font-size:.6rem;font-weight:700;text-transform:uppercase;padding:4px}.participant video{height:auto!important;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);margin-bottom:-6px}.participant.mirror video{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-o-object-fit:contain;object-fit:contain;width:100%!important}@media (max-width:500px){.participant video{-o-object-fit:cover;object-fit:cover}}.stream-status-container{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px;bottom:0;right:0;background-image:linear-gradient(163deg,rgba(67,67,67,0),rgba(0,0,0,.43))}.stream-status-container.filled{background:#0c1021}.stream-status{width:13px;height:13px;padding:0 5px}.stream-status.audio{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNDc1LjA5MiA0NzUuMDkyIj48cGF0aCBkPSJNMTEzLjkyMiAyNjkuODAzYy0yLjg1Ni0xMS40MTktNC4yODMtMjIuMTcyLTQuMjgzLTMyLjI2di0zNi41NWMwLTQuOTQ3LTEuODA5LTkuMjI5LTUuNDI0LTEyLjg0Ny0zLjYxNy0zLjYxNi03Ljg5OC01LjQyNC0xMi44NDctNS40MjQtNC45NTIgMC05LjIzNSAxLjgwOS0xMi44NTEgNS40MjQtMy42MTcgMy42MTctNS40MjYgNy45LTUuNDI2IDEyLjg0N3YzNi41NDdjMCAyMS4xMjkgMy45OTkgNDEuNDk0IDExLjk5MyA2MS4xMDZsMjguODM4LTI4Ljg0M3pNMjM3LjU0NSAzMjguODk3YzI1LjEyNiAwIDQ2LjYzOC04Ljk0NiA2NC41MjEtMjYuODMgMTcuODkxLTE3Ljg4NCAyNi44MzctMzkuMzk5IDI2LjgzNy02NC41MjV2LTM2LjU0N0w0MzEuOTcyIDk3LjkyOWMxLjkwMi0xLjkwMyAyLjg1NC00LjA5MyAyLjg1NC02LjU2N3MtLjk1Mi00LjY2NC0yLjg1NC02LjU2N2wtMjMuNDA3LTIzLjQxM2MtMS45MS0xLjkwNi00LjA5Ny0yLjg1Ni02LjU3LTIuODU2LTIuNDcyIDAtNC42NjEuOTUtNi41NjQgMi44NTZMNDMuMTE3IDQxMy42OThjLTEuOTAzIDEuOTAyLTIuODUyIDQuMDkzLTIuODUyIDYuNTYzIDAgMi40NzguOTQ5IDQuNjY4IDIuODUyIDYuNTdsMjMuNDExIDIzLjQxMWMxLjkwNCAxLjkwMyA0LjA5NSAyLjg1MSA2LjU2NyAyLjg1MSAyLjQ3NSAwIDQuNjY1LS45NDcgNi41NjctMi44NTFsNzIuNTE5LTcyLjUxOWMyMC45MzMgMTIuOTQ5IDQzLjI5OSAyMC42NTYgNjcuMDkzIDIzLjEyN3YzNy42OTFoLTczLjA4OWMtNC45NDkgMC05LjIzNSAxLjgxMS0xMi44NDcgNS40MjgtMy42MTggMy42MTMtNS40MyA3Ljg5OC01LjQzIDEyLjg0NyAwIDQuOTQxIDEuODEyIDkuMjMzIDUuNDMgMTIuODQ3IDMuNjEyIDMuNjE0IDcuODk4IDUuNDI4IDEyLjg0NyA1LjQyOGgxODIuNzE4YzQuOTQ4IDAgOS4yMzItMS44MTMgMTIuODQ3LTUuNDI4IDMuNjItMy42MTMgNS40MjgtNy45MDUgNS40MjgtMTIuODQ3IDAtNC45NDgtMS44MDgtOS4yMzMtNS40MjgtMTIuODQ3LTMuNjE0LTMuNjE3LTcuODk4LTUuNDI4LTEyLjg0Ny01LjQyOGgtNzMuMDg3VjQwMC44NWM0MS4zMDItNC41NjUgNzUuOTg4LTIyLjQwOCAxMDQuMDY3LTUzLjUyNiAyOC4wNzItMzEuMTE3IDQyLjExLTY3LjcxMSA0Mi4xMS0xMDkuNzc2di0zNi41NTRjMC00Ljk0Ny0xLjgwOC05LjIyOS01LjQyMS0xMi44NDUtMy42MjEtMy42MTctNy45MDItNS40MjYtMTIuODUxLTUuNDI2LTQuOTQ1IDAtOS4yMjkgMS44MDktMTIuODQ3IDUuNDI2LTMuNjE3IDMuNjE2LTUuNDI0IDcuODk4LTUuNDI0IDEyLjg0NXYzNi41NDdjMCAzNS4yMTQtMTIuNTE5IDY1LjMzMy0zNy41NDUgOTAuMzU5cy01NS4xNTEgMzcuNTQ0LTkwLjM2MiAzNy41NDRjLTIwLjU1NyAwLTQwLjA2NS00Ljg0OS01OC41MjktMTQuNTYxbDI3LjQwOC0yNy40MDFjMTAuMjg1IDMuNjE1IDIwLjY1NyA1LjQxNSAzMS4xMjMgNS40MTV6TTI5MC4yMjMgMTYuODQ5QzI3NC41MTggNS42MTggMjU2Ljk1OSAwIDIzNy41NDUgMGMtMjUuMTI1IDAtNDYuNjM1IDguOTUxLTY0LjUyNCAyNi44NC0xNy44OSAxNy44OS0yNi44MzUgMzkuMzk5LTI2LjgzNSA2NC41MjV2MTQ2LjE3N0wzMjMuNDgzIDYwLjI0NGMtNi40NzUtMTcuNzAxLTE3LjU1Ni0zMi4xNjctMzMuMjYtNDMuMzk1eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI2ZmZmZmZiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") no-repeat 50%/contain;position:absolute;bottom:6px;left:6px}.stream-status.video{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNDg0LjUgNDg0LjUiPjxwYXRoIGQ9Ik00ODQuNSAxMTQuNzVsLTEwMiAxMDJWMTI3LjVjMC0xNS4zLTEwLjItMjUuNS0yNS41LTI1LjVIMTk4LjlsMjg1LjYgMjg1LjZWMTE0Ljc1ek0zMy4xNSAwTDAgMzMuMTUgNjguODUgMTAySDUxYy0xNS4zIDAtMjUuNSAxMC4yLTI1LjUgMjUuNXYyNTVjMCAxNS4zIDEwLjIgMjUuNSAyNS41IDI1LjVoMzA2YzUuMSAwIDEwLjItMi41NSAxMi43NS01LjFsODEuNiA4MS42IDMzLjE1LTMzLjE1TDMzLjE1IDB6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjZmZmZmZmIiBmaWxsPSIjZmZmIi8+PC9zdmc+") no-repeat 50%/contain;width:30px;height:30px;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.stream-status.screen{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNjEyIDYxMiI+PHBhdGggZD0iTTU3OC43NjYgNTEuNDg3di0uODk1SDMyLjkzNHYuODk1QzE1LjI3MiA1Mi43MDEgMi4wOTUgNjYuNzUzIDAgODMuODA4djM1OC43MjZjMCA2Ljg5OCAxLjc5NSAxMi43MTIgNC43OTEgMTcuOTQ5IDYuODkzIDEyLjEzNyAxNy4wNjggMTguMjY5IDMxLjE0IDE4LjI2OWgxOTcuMDEydjQ5LjY5NWgtMzcuNDI1Yy05LjI4MSAwLTE2LjQ2NyA3LjIxOC0xNi40NjcgMTYuNDhzNy4xODYgMTYuNDc5IDE2LjQ2NyAxNi40NzloMjIwLjY2NmM5LjI4MSAwIDE2Ljc2OC03LjIxOCAxNi43NjgtMTYuNDc5IDAtOS4yNjMtNy40ODYtMTYuNDgtMTYuNzY4LTE2LjQ4aC0zNy40MjV2LTQ5LjY5NUg1NzUuNzdjMTQuMDc4IDAgMjQuMzQzLTYuMTMyIDMxLjE0LTE4LjI2OSAzLjA4NS01LjQ5MyA1LjA5MS0xMS4zNyA1LjA5MS0xNy45NDlWODMuODA5Yy0yLjA5Ni0xNy4wNTYtMTYuMTY4LTMxLjEwOC0zMy4yMzUtMzIuMzIyem0wIDM1LjMyNHYzNTUuNzI0YzAgMi4xMDgtLjg5NSAzLjAwMi0yLjk5NiAzLjAwMkgzNS45M2MtMi4wOTUgMC0yLjk5Ni0uODk0LTIuOTk2LTMuMDAyVjgzLjgwOWg1NDUuODMxdjMuMDAyeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==") no-repeat 50%/contain;position:absolute;bottom:6px;right:6px}