/* Copyright (c) Microsoft. All rights reserved. *//* Copyright (c) Microsoft. All rights reserved. */div.conversationParticipantStream{color:#fff;position:relative;display:block}div.conversationParticipantStream div.videoAndAvatarContainer{display:-ms-grid;-ms-grid-rows:1fr;-ms-grid-columns:1fr}div.conversationParticipantStream div.videoParticipant{display:none;-ms-grid-columns:1fr;-ms-grid-rows:1fr;transform-origin:0% 0%;overflow:hidden}div.conversationParticipantStream div.videoParticipant video.videoView{outline:none}div.conversationParticipantStream div.participant{animation-play-state:paused;display:-ms-grid;-ms-grid-columns:1fr;-ms-grid-rows:1fr}div.conversationParticipantStream div.participant progress{position:absolute;left:calc(50% - 30px);top:calc(50% - 30px);display:none}div.conversationParticipantStream div.participant div.avatarCont div.protectionLayer{display:block;background:none}@media screen and (-ms-high-contrast: active){div.conversationParticipantStream div.participant div.avatarCont div.protectionLayer{-ms-high-contrast-adjust:none}}div.conversationParticipantStream div.participantStatusIcon{display:none}div.conversationParticipantStream div.participantStatusLabel{display:none;position:absolute;bottom:34px;z-index:51;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;text-align:center;line-height:1;display:block;line-height:25px}@media screen and (max-aspect-ratio: 1 / 1){div.conversationParticipantStream div.participantStatusLabel{font-size:12px}}div.stage div.conversationParticipantStream.VIDEOISSTARTING:not(.ONHOLD):not(.ISENDING) div.participant div.avatarCont,div.presentation div.conversationParticipantStream.VIDEOISSTARTING:not(.ONHOLD):not(.ISENDING) div.participant div.avatarCont,div.stage div.conversationParticipantStream.VIDEOISRECOVERING div.participant div.avatarCont,div.presentation div.conversationParticipantStream.VIDEOISRECOVERING div.participant div.avatarCont{opacity:0}div.stage div.conversationParticipantStream.VIDEOISSTARTING:not(.ONHOLD):not(.ISENDING) div.participant progress,div.presentation div.conversationParticipantStream.VIDEOISSTARTING:not(.ONHOLD):not(.ISENDING) div.participant progress,div.stage div.conversationParticipantStream.VIDEOISRECOVERING div.participant progress,div.presentation div.conversationParticipantStream.VIDEOISRECOVERING div.participant progress{display:block}div.conversationParticipantStream.ENDING div.participantStatusLabel,div.conversationParticipantStream.CONNECTING div.participantStatusLabel,div.conversationParticipantStream.ONHOLD div.participantStatusLabel{display:block}div.conversationParticipantStream.ENDING div.participant,div.conversationParticipantStream.CONNECTING div.participant,div.conversationParticipantStream.ONHOLD div.participant{animation-play-state:paused;animation-duration:0.1s;animation-delay:2.5s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:cubic-bezier(0.17, 0.67, 0.65, 0.75)}div.conversationParticipantStream.ENDING div.participant div.avatarCont div.protectionLayer,div.conversationParticipantStream.CONNECTING div.participant div.avatarCont div.protectionLayer,div.conversationParticipantStream.ONHOLD div.participant div.avatarCont div.protectionLayer{background-color:rgba(0,0,0,0.5);position:static}div.conversationParticipantStream.ENDING div.participant div.participantStatusIcon,div.conversationParticipantStream.CONNECTING div.participant div.participantStatusIcon,div.conversationParticipantStream.ONHOLD div.participant div.participantStatusIcon{display:block;font-family:"Skype UI Symbol";font-size:122pt;color:white;width:100%;text-align:center;top:50%;position:absolute;z-index:51}div.conversationParticipantStream.ENDING div.participant{animation-name:participantIsEndingAvatarAnimation}div.conversationParticipantStream.ENDING div.participant div.participantStatusIcon:after{content:"\E111"}@media screen and (-ms-high-contrast: black-on-white){div.conversationParticipantStream.ENDING div.participant div.participantStatusIcon:after{color:white}}div.conversationParticipantStream.CONNECTING div.participant div.participantStatusIcon:after{content:"\E10F"}@media screen and (-ms-high-contrast: black-on-white){div.conversationParticipantStream.CONNECTING div.participant div.participantStatusIcon:after{color:white}}div.conversationParticipantStream.ONHOLD div.participant div.participantStatusIcon:after{content:"\E40F"}@media screen and (-ms-high-contrast: black-on-white){div.conversationParticipantStream.ONHOLD div.participant div.participantStatusIcon:after{color:white}}div.conversationParticipantStream div.name{position:absolute;bottom:8px;z-index:51;width:100%;text-align:center;line-height:1;display:block}@media screen and (max-aspect-ratio: 1 / 1){div.conversationParticipantStream div.name{font-size:12px}}div.conversationParticipantStream div.name div{padding:9px 20px;border-radius:2vh;font-size:12px;font-weight:bold;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:80%}@media screen and (max-aspect-ratio: 1 / 1){div.conversationParticipantStream div.name div{padding:8px 20px}}div.CHATOPEN.liveGroupConversation div.viewport div.gallery div.stage div.conversationParticipantStream div.name div{background:rgba(0,0,0,0.5)}div.stage div.conversationParticipantStream div.participant div.avatarCont,div.presentation div.conversationParticipantStream div.participant div.avatarCont{max-width:50%;max-height:66.66%;width:100vw;height:100vw;-ms-grid-column-align:center;-ms-grid-row-align:center}div.stage div.conversationParticipantStream.SPEAKING,div.presentation div.conversationParticipantStream.SPEAKING{box-shadow:0 5px rgba(0,149,204,0.5)}@media screen and (-ms-high-contrast: active){div.stage div.conversationParticipantStream.SPEAKING,div.presentation div.conversationParticipantStream.SPEAKING{box-shadow:0 5px windowtext}}div.stage div.conversationParticipantStream:not(.SPEAKING),div.presentation div.conversationParticipantStream:not(.SPEAKING){box-shadow:0 5px rgba(0,149,204,0);transition:box-shadow 0 linear 1s}div.presentation div.conversationParticipantStream.VIDEOISVISIBLE div.name,div.presentation div.conversationParticipantStream.VIDEOISSTARTING div.name{display:none}div.presentation div.conversationParticipantStream.ONHOLD div.participant div.avatarCont{max-width:440px;max-height:440px}div.roster div.conversationParticipantStream div.participantStatusLabel,div.presentationSpeaker div.conversationParticipantStream div.participantStatusLabel{bottom:26px;font-size:12px;line-height:20px}div.roster div.conversationParticipantStream div.name,div.presentationSpeaker div.conversationParticipantStream div.name{padding:20px 0 3px 0;background-image:url("ms-appx:///images/ribbonProtection.png");background-repeat:repeat-x;background-position-y:bottom;z-index:51;bottom:0}@media screen and (-ms-high-contrast: active){div.roster div.conversationParticipantStream div.name,div.presentationSpeaker div.conversationParticipantStream div.name{padding:0;margin:5px;box-sizing:border-box;width:calc(100% - 10px)}div.roster div.conversationParticipantStream div.name div,div.presentationSpeaker div.conversationParticipantStream div.name div{padding:4px 0 !important}}div.roster div.conversationParticipantStream div.name div,div.presentationSpeaker div.conversationParticipantStream div.name div{background:none;max-width:80%;padding:7px 0}div.roster div.conversationParticipantStream.ENDING div.participant div.participantStatusIcon,div.roster div.conversationParticipantStream.CONNECTING div.participant div.participantStatusIcon,div.roster div.conversationParticipantStream.ONHOLD div.participant div.participantStatusIcon,div.presentationSpeaker div.conversationParticipantStream.ENDING div.participant div.participantStatusIcon,div.presentationSpeaker div.conversationParticipantStream.CONNECTING div.participant div.participantStatusIcon,div.presentationSpeaker div.conversationParticipantStream.ONHOLD div.participant div.participantStatusIcon{font-size:72pt}div.conversationParticipantStream.VIDEOISVISIBLE:not(.ONHOLD):not(.ISENDING):not(.VIDEOISRECOVERING) div.videoParticipant{display:-ms-grid}div.conversationParticipantStream.VIDEOISVISIBLE:not(.ONHOLD):not(.ISENDING):not(.VIDEOISRECOVERING) div.participant{display:none}div.liveGroupConversation.IMMERSIVE div.conversationParticipantStream.VIDEOISVISIBLE:not(.ONHOLD):not(.ISENDING):not(.VIDEOISRECOVERING) div.name{display:none}div.stage div.conversationParticipantStream.VIDEOISVISIBLE:not(.ONHOLD):not(.ISENDING):not(.VIDEOISRECOVERING) div.name,div.presentation div.conversationParticipantStream.VIDEOISVISIBLE:not(.ONHOLD):not(.ISENDING):not(.VIDEOISRECOVERING) div.name{bottom:8px}div.stage div.conversationParticipantStream.VIDEOISVISIBLE:not(.ONHOLD):not(.ISENDING):not(.VIDEOISRECOVERING) div.name div,div.presentation div.conversationParticipantStream.VIDEOISVISIBLE:not(.ONHOLD):not(.ISENDING):not(.VIDEOISRECOVERING) div.name div{background:rgba(0,0,0,0.5);display:inline-block;max-width:80%}div.liveGroupConversation.IMMERSIVE div.roster div.conversationParticipantStream.VIDEOISVISIBLE:not(.ONHOLD):not(.ISENDING):not(.VIDEOISRECOVERING) div.name{display:block}div.roster div.conversationParticipantStream.VIDEOISVISIBLE:not(.ONHOLD):not(.ISENDING):not(.VIDEOISRECOVERING) div.participant{display:block}div.roster div.conversationParticipantStream.VIDEOISVISIBLE:not(.ONHOLD):not(.ISENDING):not(.VIDEOISRECOVERING) div.videoParticipant{display:none}div.presentation div.conversationParticipantStream:not(.ONHOLD):not(.ISENDING) div.participant div.avatarCont{opacity:0}div.conversationParticipantStream,div.conversationParticipantStream div.videoAndAvatarContainer,div.conversationParticipantStream div.videoParticipant,div.conversationParticipantStream div.videoParticipant video.videoView,div.conversationParticipantStream div.videoParticipant div.loadingContainer,div.conversationParticipantStream div.participant,div.conversationParticipantStream div.participant div.avatarCont{width:100%;height:100%}@keyframes participantIsEndingAvatarAnimation{0%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.9)}100%{opacity:0;transform:scale(0.8)}}