﻿/* Copyright (c) Microsoft. All rights reserved. *//* Copyright (c) Microsoft. All rights reserved. */.messageBubbleContainer{position:fixed;pointer-events:all;top:50%;right:50px;width:300px;height:300px;opacity:0;transform:scale(0);margin:-150px 15px 0;-ms-grid-row-align:center;-ms-grid-column-align:end;transition-property:opacity, transform;transition-duration:0.5s;transition-timing-function:ease-in;display:-ms-grid;-ms-grid-rows:1fr;-ms-grid-columns:1fr;z-index:998;color:#fff}body.RTL .messageBubbleContainer{right:auto;left:50px}@media screen and (max-width: 400px){div.chatNewMsgNotifContainer div.messageBubbleContainer{left:0px;right:0px;margin-left:auto;margin-right:auto}}.messageBubbleContainer.VISIBLE{opacity:1;transform:scale(1)}.messageBubbleContainer .protectionsWrapper{opacity:0.1;z-index:-1;position:absolute}.messageBubbleContainer .protectionsWrapper .avatarProtection{width:80px;height:80px;background-color:black;border-radius:50%;position:absolute;top:5px;left:5px}body.RTL .messageBubbleContainer .protectionsWrapper .avatarProtection{left:auto;right:5px}.messageBubbleContainer .protectionsWrapper .messageBubbleProtection{width:310px;height:310px;background-color:black;border-radius:50%;position:absolute;top:-5px;left:-5px}body.RTL .messageBubbleContainer .protectionsWrapper .messageBubbleProtection{left:auto;right:-5px}.messageBubbleContainer .avatar{width:70px;height:70px;border-radius:50%;box-sizing:border-box;position:absolute;left:10px;top:10px}body.RTL .messageBubbleContainer .avatar{left:auto;right:10px}.messageBubbleContainer .avatar div.protectionLayer{background:none}.messageBubbleContainer .messageCircleContainer{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-row-align:center;-ms-grid-column-align:center;width:100%;height:100%;border-radius:50%;display:-ms-grid;-ms-grid-rows:1fr;-ms-grid-columns:1fr}.messageBubbleContainer .messageBubbleCircle{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-row-align:center;-ms-grid-column-align:center;width:300px;height:300px;border-radius:50%;background-color:rgba(0,175,240,0.27);animation-duration:2000ms;animation-iteration-count:2;animation-timing-function:ease-out}.messageBubbleContainer .messageBubble{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-row-align:center;-ms-grid-column-align:center;width:300px;height:300px;border-radius:50%;background-color:rgba(0,175,240,0.8);display:-ms-grid;-ms-grid-rows:1fr;-ms-grid-columns:1fr;animation-duration:2000ms;animation-iteration-count:1;animation-timing-function:ease-out}@media screen and (-ms-high-contrast: active){.messageBubbleContainer .messageBubble{background-color:#FFF;color:#000;border:2px solid #000;border-radius:50%}}@media screen and (-ms-high-contrast: black-on-white){.messageBubbleContainer .messageBubble{background-color:#000;color:#FFF;border:2px solid #FFF;border-radius:50%}}.messageBubbleContainer.NEWMESSAGE .messageBubble{animation-name:messageBubblePulse}@keyframes messageBubblePulse{17%{width:300px;height:300px}34%{width:264px;height:264px}50%{width:300px;height:300px}}.messageBubbleContainer .messageText{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-row-align:center;-ms-grid-column-align:center;width:210px;max-height:140px;overflow:hidden;text-align:center;word-wrap:break-word;animation-duration:2000ms;animation-iteration-count:1;animation-timing-function:ease-out}.messageBubbleContainer.NEWMESSAGE .messageText{animation-name:messageTextPulse}@keyframes messageTextPulse{17%{transform:scale(1)}34%{transform:scale(0.3)}50%{transform:scale(1)}}.messageBubbleContainer .messageText.TEXTSIZE1{font-size:56px;line-height:64px;font-weight:200;letter-spacing:0px;max-height:128px}.messageBubbleContainer .messageText.TEXTSIZE2{font-size:40px;line-height:48px;font-weight:200;max-height:144px}.messageBubbleContainer .messageText.TEXTSIZE3{font-size:20px;line-height:30px;font-weight:200;max-height:150px}.messageBubbleContainer .messageText a{color:#d9d9d9}.messageBubbleContainer .messageText span.emoticon,.messageBubbleContainer .messageText span.flag{vertical-align:middle}@media screen and (max-aspect-ratio: 1 / 1){.messageBubbleContainer{-ms-grid-column-align:center}}
