.people{overflow:hidden;display:flex;flex-direction:column}.people>.avatars{justify-content:space-around;flex-wrap:wrap;display:flex;overflow-y:auto;overflow-x:hidden}.people.mode-guest>#peopleGuest{display:block;z-index:1;position:absolute;left:0px;right:0px;bottom:70px}.controls{position:absolute;height:70px;left:0px;right:0px;bottom:0px;display:flex;justify-content:space-around;align-items:center}#containerBalance{position:absolute;height:30px;left:0px;right:0px;bottom:70px;display:flex;justify-content:space-around;align-items:center}#containerBalance>#balance.minimum{color:var(--room-balance-minimum-color);font-weight:bold}#containerSlowConnection{background-color:var(--background);position:absolute;height:30px;left:0px;right:0px;bottom:70px;justify-content:space-around;align-items:center;display:none}#containerSlowConnection.show{display:flex}#containerSlowConnection>SPAN{color:var(--room-slow-connection-color);font-weight:bold}#containerMovementsPeople{position:absolute;top:0px;bottom:70px;display:none;flex-direction:column-reverse;align-items:flex-end}#containerMovementsPeople.show{display:flex}#containerMovementsPeople>SPAN{background:var(--room-movements-people-background);border-radius:10px;padding:5px 10px;width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;animation:show-movements 6s linear}@keyframes show-movements{0%{opacity:0;height:0px;margin-top:0px}2%{opacity:0;height:0px;margin-top:10px}5%{opacity:1;height:30px;margin-top:10px}90%{opacity:1;height:30px;margin-top:10px}100%{opacity:0;height:0px;margin-top:0px}}#waitForMicrophone{position:absolute;height:70px;left:0px;right:0px;bottom:0px;display:none;justify-content:center;align-items:center;background-color:var(--background);padding:0px 20px}#waitForMicrophone>SPAN{display:block}#waitForMicrophone>SPAN:nth-child(1){min-width:60px}#waitForMicrophone>SPAN:nth-child(2){max-height:70px;overflow:hidden;flex-grow:1}#waitForMicrophone.show{display:flex}@media (max-width:414px){#peopleAudio>DIV{width:35vw}#peopleAudio>DIV>DIV.circle{border-radius:35vw;height:35vw;width:35vw}#peopleAudio>DIV>DIV.circle>DIV{height:calc(calc(35vw * 0.75));width:calc(calc(35vw * 0.75));margin-top:calc((35vw - calc(35vw * 0.75)) / 2);border-radius:35vw}}@media (min-width:415px){#peopleAudio>DIV{width:150px}#peopleAudio>DIV>DIV.circle{border-radius:150px;height:150px;width:150px}#peopleAudio>DIV>DIV.circle>DIV{height:calc(calc(150px * 0.75));width:calc(calc(150px * 0.75));margin-top:calc((150px - calc(150px * 0.75)) / 2);border-radius:150px}}#peopleAudio{align-content:flex-start}#peopleAudio>DIV{display:inline-block}#peopleAudio>DIV>DIV.circle{overflow:hidden}#peopleAudio>DIV>DIV.circle>DIV{margin-left:auto;margin-right:auto;border-style:solid;border-width:3px;overflow:hidden;box-shadow:var(--room-avatar-shadow);display:flex;justify-content:center;align-items:center;flex-direction:column}#peopleAudio>DIV>DIV.circle>DIV>IMG{width:50%;height:50%}#peopleAudio>DIV>DIV.text{display:flex;flex-direction:column;position:relative;top:-35px;padding:7px;background-color:var(--background);border-radius:10px;border-style:solid;border-width:2px;box-shadow:var(--room-avatar-shadow)}#peopleAudio>DIV>DIV.text>SPAN{display:block;font-size:14px;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}#peopleAudio>DIV>DIV.text>SPAN.name>IMG{width:15px;height:15px;display:none;vertical-align:middle;margin-right:5px}#peopleAudio>DIV>DIV.text>SPAN.mic-actived{display:none;margin-top:10px}#peopleAudio>DIV>DIV.text>SPAN.mic-actived>IMG{width:20px;height:20px;transform:scale(1);animation-duration:0.5s;animation-iteration-count:infinite;animation-direction:alternate;animation-name:micActived}#peopleAudio>DIV>DIV.text>SPAN.mic-actived>IMG:nth-child(1){animation-delay:0s}#peopleAudio>DIV>DIV.text>SPAN.mic-actived>IMG:nth-child(2){animation-delay:0.25s}#peopleAudio>DIV>DIV.text>SPAN.mic-actived>IMG:nth-child(3){animation-delay:0.5s}#peopleAudio>DIV>DIV.text>SPAN.reconnect{display:none;color:var(--room-reconnect-color);font-size:12px}#peopleAudio>DIV>DIV.text>SPAN.slow-connection{display:none;color:var(--room-slow-connection-color);font-size:12px}#peopleAudio>DIV.reconnect>DIV.circle::after{content:"";display:block;position:relative;top:calc(-100% + 17px);height:inherit;width:inherit;max-width:inherit;max-height:inherit;background-image:url(/assets/skins/common/wave.svg);background-size:75% 75%;background-position:50% 50%;background-repeat:no-repeat;background-color:transparent;animation:reconnect 2s linear infinite}#peopleAudio>DIV.reconnect>DIV.circle>DIV{border:none}#peopleAudio>DIV.reconnect>DIV.text{border-color:var(--room-reconnect-color)}#peopleAudio>DIV.reconnect>DIV.text>SPAN{color:var(--room-reconnect-color)}#peopleAudio>DIV.reconnect>DIV.text>SPAN.reconnect{display:block}#peopleAudio>DIV.slow-connection>DIV.text{border-color:var(--room-slow-connection-color)}#peopleAudio>DIV.slow-connection>DIV.text>SPAN{color:var(--room-slow-connection-color)}#peopleAudio>DIV.slow-connection>DIV.text>SPAN.slow-connection{display:block;animation:slowConnection 2s ease-in-out infinite}#peopleAudio>DIV.mic-actived>DIV.text>SPAN.mic-actived{display:block}#peopleAudio>DIV.mute{opacity:0.5}#peopleAudio>DIV.mute>DIV.text>SPAN.name>IMG{display:inline}#peopleAudio>DIV.talking{opacity:1}#peopleAudio>DIV.talking>DIV.circle::after{content:"";opacity:0;display:block;position:relative;top:calc(-100% + 17px);height:inherit;width:inherit;max-width:inherit;max-height:inherit;background-image:url(/assets/skins/common/waves.svg);background-size:0% 0%;background-position:50% 60%;background-repeat:no-repeat;background-color:transparent;animation:talking 2s ease-in-out infinite}#peopleAudio>DIV.talking>DIV.circle>DIV{border:none}#peopleAudio>DIV.talking>DIV.text{border:none;font-weight:bold}#peopleAudio>DIV.talking>DIV.text>SPAN.name{color:var(--room-talking-color);padding:10px 0px}#peopleAudio>DIV.talking>DIV.text>SPAN.name>IMG{display:none}#peopleAudio>DIV.in{opacity:0;animation:avatarIn 0.8s ease-in-out}#peopleAudio>DIV.out{opacity:0.1;animation:avatarOut 0.8s ease-in-out}@keyframes talking{0%{background-size:85% 85%;opacity:0;transform:rotate(0deg)}50%{background-size:100% 100%;opacity:1;transform:rotate(40deg)}100%{background-size:85% 85%;opacity:0;transform:rotate(0deg)}}@keyframes reconnect{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slowConnection{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes avatarIn{0%{opacity:0}100%{opacity:1}}@keyframes avatarOut{0%{opacity:1}100%{opacity:0}}@keyframes micActived{0%{transform:scale(1)}100%{transform:scale(0.75)}}#peopleText>DIV{margin:0px 20px 40px 20px;width:100%;max-width:500px}#peopleText>DIV>DIV{width:100%}#peopleText>DIV>DIV:first-child{display:flex;justify-content:space-between;align-items:center}#peopleText>DIV>DIV:first-child>SPAN{display:inline-block;font-size:18px}#peopleText>DIV>DIV:first-child>SPAN:first-child{max-width:40vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#peopleText>DIV>DIV:first-child>SPAN:nth-child(2){height:1px;border:solid 1px var(--room-line-text);flex-grow:1}#peopleText>DIV>DIV:first-child>SPAN>IMG{width:25px;height:25px}#peopleText>DIV>DIV:last-child{margin:20px 0px 0px 0px;text-align:justify;-moz-text-align-last:left;text-align-last:left}#peopleText>DIV>DIV:last-child.right{-moz-text-align-last:right;text-align-last:right}#peopleText>DIV.you>DIV:last-child{-moz-text-align-last:right;text-align-last:right}#peopleGuest{background-color:var(--room-background-guest);display:none}#peopleGuest>*:first-child{display:block;padding:10px;border-bottom:solid 1px var(--primary-color);text-align:center}#peopleGuest>*:last-child{padding:10px;max-height:55vh;height:auto;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}#peopleGuest>*:last-child>DIV{display:flex;justify-content:space-between;align-items:center;margin-top:10px}#peopleGuest>*:last-child>DIV>SPAN:nth-child(1){background-image:var(--room-image-call);background-repeat:no-repeat;background-size:cover;width:30px;height:30px}#peopleGuest>*:last-child>DIV>SPAN:nth-child(2){flex-grow:1;padding:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#btnHang>IMG{width:40px;height:40px}.color1{border-color:#13d1c7}.color2{border-color:#cc5329}.color3{border-color:#e2c85d}.color4{border-color:#8a4dff}.color5{border-color:#96e50c}.color6{border-color:#e05fd4}.color7{border-color:#e5820c}