@-webkit-keyframes outer-one-data-v-075b4bc0 {
from {
    background-color: rgba(55, 115, 245, 0);
}
to {
    background-color: rgba(55, 115, 245, 0.04);
}
}
@keyframes outer-one-data-v-075b4bc0 {
from {
    background-color: rgba(55, 115, 245, 0);
}
to {
    background-color: rgba(55, 115, 245, 0.04);
}
}
@-webkit-keyframes outer-two-data-v-075b4bc0 {
from {
    background-color: rgba(55, 115, 245, 0);
}
to {
    background-color: rgba(55, 115, 245, 0.1);
}
}
@keyframes outer-two-data-v-075b4bc0 {
from {
    background-color: rgba(55, 115, 245, 0);
}
to {
    background-color: rgba(55, 115, 245, 0.1);
}
}
@-webkit-keyframes outer-three-data-v-075b4bc0 {
from {
    background-color: rgba(55, 115, 245, 0);
}
to {
    background-color: rgba(55, 115, 245, 0.5);
}
}
@keyframes outer-three-data-v-075b4bc0 {
from {
    background-color: rgba(55, 115, 245, 0);
}
to {
    background-color: rgba(55, 115, 245, 0.5);
}
}
.outer-one[data-v-075b4bc0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 212px;
  width: 212px;
  border-radius: 106px;
  background-color: rgba(55, 115, 245, 0);
  -webkit-animation-name: outer-one-data-v-075b4bc0;
          animation-name: outer-one-data-v-075b4bc0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.outer-two[data-v-075b4bc0] {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 172px;
  width: 172px;
  border-radius: 86px;
  background-color: rgba(55, 115, 245, 0);
  -webkit-animation-name: outer-two-data-v-075b4bc0;
          animation-name: outer-two-data-v-075b4bc0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.outer-three[data-v-075b4bc0] {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 150px;
  width: 150px;
  border-radius: 75px;
  background-color: rgba(55, 115, 245, 0);
  -webkit-animation-name: outer-three-data-v-075b4bc0;
          animation-name: outer-three-data-v-075b4bc0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.avatar[data-v-075b4bc0] {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.dialog-title[data-v-438525cc] {
  color: #364462;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.dialog-subtitle[data-v-438525cc] {
  color: #364462;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.dialog-content[data-v-438525cc] {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
  height: 463px;
}
.dialog-content.connected[data-v-438525cc] {
  height: 840px;
  width: 984px;
  background-color: black;
}
.dialog-content.fullscreen[data-v-438525cc] {
  width: 100vw;
  height: 100vh;
  background-color: black;
}
.dialog-content-wrapper[data-v-438525cc] {
  position: relative;
}
.header[data-v-438525cc], .footer[data-v-438525cc] {
  position: absolute;
  left: 0;
  right: 0;
}
.header[data-v-438525cc] {
  top: 0;
}
.footer[data-v-438525cc] {
  bottom: 0;
}
.video-title[data-v-438525cc], .video-subtitle[data-v-438525cc], .video-record .text[data-v-438525cc] {
  color: #FFFFFF;
}
.video-title[data-v-438525cc] {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
}
.video-subtitle[data-v-438525cc] {
  opacity: 0.8;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
}
.video-record[data-v-438525cc] {
  border-radius: 20px;
}
.video-record .text[data-v-438525cc] {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  line-height: 14px;
}
.video-record .text[data-v-438525cc]::before {
  content: "";
  display: inline-block;
  height: 13px;
  width: 13px;
  border-radius: 6.5px;
  border: 1px white solid;
  margin-right: 4px;
  background-color: white;
  vertical-align: -15%;
  -webkit-box-shadow: inset 0 1.5px 0 grey, inset -1.5px 0 0 grey, inset 0 -1.5px 0 grey, inset 1.5px 0 0 grey, inset -1px 1px 0 grey, inset -1px -1px 0 grey, inset 1px -1px 0 grey, inset 1px 1px 0 grey;
          box-shadow: inset 0 1.5px 0 grey, inset -1.5px 0 0 grey, inset 0 -1.5px 0 grey, inset 1.5px 0 0 grey, inset -1px 1px 0 grey, inset -1px -1px 0 grey, inset 1px -1px 0 grey, inset 1px 1px 0 grey;
  /* Top Left */
}
.end-call[data-v-438525cc] {
  width: 72px;
  height: 72px;
  border-radius: 36px;
}
.mute-off[data-v-438525cc], .mute-on[data-v-438525cc] {
  width: 56px;
  height: 56px;
  border-radius: 28px;
}
.mute-off .voice[data-v-438525cc] {
  content: url(../img/_voice_off.15d3c3ad.svg);
}
.mute-on .voice[data-v-438525cc] {
  content: url(../img/_voice_on.115ea643.svg);
}
.mute-off .video[data-v-438525cc] {
  content: url(../img/_video_off.873c04f3.svg);
}
.mute-on .video[data-v-438525cc] {
  content: url(../img/_video_on.5f6af2ac.svg);
}
.dialog-close[data-v-438525cc] {
  content: url(../img/_close_white.35e99e27.svg);
}
.dialog-close-primary[data-v-438525cc] {
  content: url(../img/_close.bd6b343d.svg);
}
.caller-name[data-v-438525cc] {
  color: #364462;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
}
.call-type[data-v-438525cc] {
  color: #364462;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
}
#subscriber[data-v-438525cc] {
  width: 100%;
  height: 100%;
}
#publisher[data-v-438525cc] {
  position: absolute;
  top: 72px;
  right: 32px;
  width: 200px;
  height: 140px;
  border-radius: 16px;
}