[e-g6gobe-host] {
  --input-text-color: #000000;
  --input-bg-color: #ffffff;
  --input-border-color: #cacaca;
  --input-ph-color: #505050;
  --input-icon-color: #505050;
  --input-disabled-text-color: rgba(0, 0, 0, 0.5);
  --input-disabled-bg-color: rgba(0, 0, 0, 0.04);
  --input-disabled-border-color: #bababa;
  --input-label-text-color: #000000;
  --input-option-text-color: #505050;
  --input-option-hover-bg-color: #f7f7f7;
  --toggle-bg-color: #cacaca;
  --toggle-active-bg-color: #ff7700;
  --toggle-active-icon-color: #ffffff;
  display: block;
  height: 100%;
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e-g6gobe-host] {
    --input-text-color: #ffffff;
    --input-bg-color: #202020;
    --input-border-color: #5a5a5a;
    --input-ph-color: #c0c0c0;
    --input-icon-color: #c0c0c0;
    --input-disabled-text-color: rgba(255, 255, 255, 0.5);
    --input-disabled-bg-color: rgba(255, 255, 255, 0.04);
    --input-disabled-border-color: #7a7a7a;
    --input-label-text-color: #ffffff;
    --input-option-text-color: #c0c0c0;
    --input-option-hover-bg-color: #303030;
    --toggle-bg-color: #5a5a5a;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-g6gobe-host] {
  --input-text-color: #ffffff;
  --input-bg-color: #202020;
  --input-border-color: #5a5a5a;
  --input-ph-color: #c0c0c0;
  --input-icon-color: #c0c0c0;
  --input-disabled-text-color: rgba(255, 255, 255, 0.5);
  --input-disabled-bg-color: rgba(255, 255, 255, 0.04);
  --input-disabled-border-color: #7a7a7a;
  --input-label-text-color: #ffffff;
  --input-option-text-color: #c0c0c0;
  --input-option-hover-bg-color: #303030;
  --toggle-bg-color: #5a5a5a;
}

[e-g6gobe-host] ul,
  [e-g6gobe-host] ol,
  [e-g6gobe-host] li {
  margin: 0;
  padding: 0;
  list-style: none;
}[e-13acf8-host] {
  position: fixed;
  top: 85px;
  left: 0;
  z-index: 101;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: 14px;
}
[e-13acf8-host][expanded]:not([state=incoming]) {
  right: 0;
  bottom: 0;
}
[e-13acf8-host]:focus,[e-13acf8-host]:focus-visible {
  outline: none;
}

.small-toolbar [e-13acf8-host] {
  top: 48px;
}

msg-call-expanded[e-13acf8], msg-call-ended[e-13acf8] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.call2-container [e-13acf8-host] {
  top: 0;
}
.call2-container [e-13acf8-host] msg-call-expanded[e-13acf8],.call2-container [e-13acf8-host] msg-call-ended[e-13acf8] {
  display: flex;
  align-items: center;
}

[e-13acf8].error {
  background: #ff5555;
  color: #ffffff;
  padding: 20px;
  border-radius: 4px;
  top: 200px;
  z-index: 1;
  pointer-events: all;
}
[e-13acf8].error msg-icon[e-13acf8] {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
}

[e-13acf8].alert {
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
  transform-origin: 50% 50%;
}

@keyframes show-panel-e-13acf8 {
  from {
    transform: scale(0.7);
    opacity: 0;
  }
}
@keyframes mini-show-e-13acf8 {
  from {
    opacity: 0;
  }
}[evvxf4t-host] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 320px;
  height: 350px;
  box-sizing: border-box;
  text-align: center;
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #202020;
  border-radius: 12px;
  color: #ffffff;
}

[evvxf4t].call-blur-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}

msg-avatar[evvxf4t] {
  margin: 0 0 20px;
}

[evvxf4t].call-opponent-title {
  box-sizing: border-box;
  max-width: 100%;
  padding: 0 8px;
  max-height: 52px;
  overflow: hidden;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 4px;
}

[evvxf4t].call-type {
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 20px;
}

msg-call-controls[evvxf4t] {
  justify-content: center;
}[evnxf1e-host] {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  background-color: #303030;
}

[evnxf1e-host][size=xsmall] {
  width: 16px;
  height: 16px;
  font-size: 8px;
  line-height: 16px;
}

[evnxf1e-host][size=small] {
  width: 20px;
  height: 20px;
  background-size: 20px;
  font-size: 10px;
  line-height: 21px;
}

[evnxf1e-host][size=medium] {
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
}

[evnxf1e-host][size=large] {
  width: 48px;
  height: 48px;
  font-size: 18px;
  line-height: 48px;
}

[evnxf1e-host][size=xlarge] {
  width: 96px;
  height: 96px;
  line-height: 96px;
  font-size: 32px;
}

[evnxf1e-host][size=xxlarge] {
  width: 128px;
  height: 128px;
  line-height: 128px;
  font-size: 48px;
}

span[evnxf1e] {
  color: #ffffff;
  text-transform: uppercase;
}
span[evnxf1e].large {
  font-size: 1.2em;
}

img[evnxf1e] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}[e2szfwk-host] {
  position: absolute;
  z-index: 0;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  background: center no-repeat;
  background-size: cover;
  filter: blur(60px);
  opacity: 0.6;
}[ex2dp25-host] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  transition: transform 0.3s;
  pointer-events: all;
  position: relative;
}
[ex2dp25-host] msg-bubble.users-menu-bubble slot[name=bubble] {
  padding-top: 0;
  margin: 0;
  padding-bottom: 0;
  overflow: visible;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
}
[ex2dp25-host] msg-bubble.users-menu-bubble slot[name=bubble] msg-menu > slot {
  display: block;
  height: inherit;
}
msg-button[ex2dp25] {
  margin: 0 8px;
}
msg-button[ex2dp25][size=small] {
  margin: 0 6px;
}

[ex2dp25].mic {
  height: 24px;
  width: 24px;
}

@keyframes appear-ex2dp25 {
  from {
    opacity: 0;
    transform: scale(0.2);
  }
}
@keyframes disappear-ex2dp25 {
  to {
    opacity: 0;
    transform: scale(0.2);
  }
}[e-qomyy-host] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  color: inherit;
  transition: color 0.15s;
}

[e-qomyy-host].__active,[e-qomyy-host].__active:hover {
  color: #ff7700 !important;
}

[e-qomyy-host][size=small] {
  width: 12px;
  height: 12px;
}

[e-qomyy-host][size=medium] {
  width: 16px;
  height: 16px;
}

[e-qomyy-host][size=large] {
  width: 24px;
  height: 24px;
}

[e-qomyy-host][size=xlarge] {
  width: 48px;
  height: 48px;
}

[e-qomyy-host][icon=msg-logo] {
  color: #ff7700;
}

[e-qomyy-host][icon=send-contact] {
  margin-top: -1px;
}

svg[e-qomyy] {
  display: block;
  width: 100%;
  height: 100%;
}

[e-qomyy-host][has-shadow] svg[e-qomyy] {
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.32)) drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.12));
}
[e-qomyy-host][has-shadow] svg path[e-qomyy] {
  stroke: rgba(0, 0, 0, 0.32);
  stroke-width: 1px;
}

[e-qomyy].svg-fill {
  fill: currentColor;
}

[e-qomyy].svg-stroke {
  stroke: currentColor;
}

msg-button[shape=square] [e-qomyy-host] {
  margin-right: 4px;
}

@keyframes spin-e-qomyy {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
[e-qomyy-host].icon-spin {
  animation-name: spin-e-qomyy;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}[ewjklng-host] {
  --button-default-text-color: #ffffff;
  --button-default-bg-color: #303030;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.15s, opacity 0.15s, border-color 0.15s, box-shadow 0.15s;
  white-space: nowrap;
  color: var(--button-text-color);
  background-color: var(--button-bg-color);
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_dark) .call-themed [ewjklng-host] {
    --button-default-text-color: #000000;
    --button-default-bg-color: rgba(0, 0, 0, 0.08);
  }
}
@media (prefers-color-scheme: light) {
  html:not(.__ui-theme_enabled) .call-themed [ewjklng-host] {
    --button-default-text-color: #000000;
    --button-default-bg-color: rgba(0, 0, 0, 0.08);
  }
}
html.__ui-theme_enabled.__ui-theme_light .call-themed [ewjklng-host] {
  --button-default-text-color: #000000;
  --button-default-bg-color: rgba(0, 0, 0, 0.08);
}

[ewjklng-host][shape=circle] {
  --button-text-color: var(--button-default-text-color);
  --button-bg-color: transparent;
  padding: 0;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  min-width: 48px;
}
[ewjklng-host][shape=circle]:not([disabled]):hover {
  color: var(--button-text-color);
  background-color: var(--button-bg-color);
  box-shadow: 0 0 0 1px var(--button-bg-color);
}
[ewjklng-host][shape=circle][size=small] {
  height: 36px;
  width: 36px;
  min-width: 36px;
}
[ewjklng-host][shape=circle][size=xsmall] {
  height: 24px;
  width: 24px;
  min-width: 24px;
}
[ewjklng-host][shape=circle][role=primary] {
  --button-bg-color: var(--button-default-bg-color);
}
[ewjklng-host][shape=circle][role=primary][active] {
  --button-text-color: #000000;
  --button-bg-color: #ffffff;
}
[ewjklng-host][shape=circle][role=secondary]:not([disabled]):hover {
  --button-bg-color: var(--button-default-bg-color);
}
[ewjklng-host][shape=circle][role=secondary][active],[ewjklng-host][shape=circle][role=secondary][active]:not([disabled]):hover {
  --button-bg-color: #0099ff;
}
[ewjklng-host][shape=circle][role=distraction] {
  --button-text-color: #ffffff;
  --button-bg-color: #ff5555;
}
[ewjklng-host][shape=circle][role=accept] {
  --button-text-color: #ffffff;
  --button-bg-color: #1ebb55;
}

[ewjklng-host][shape=square] {
  --button-text-color: var(--button-default-text-color);
  --button-bg-color: var(--button-default-bg-color);
  --button-secondary-bg-color: rgba(0, 0, 0, 0.08);
  --button-secondary-text-color: #505050;
  text-align: center;
  font-weight: 400;
  border-radius: 32px;
  font-size: 14px;
  line-height: 16px;
  height: 32px;
  padding: 8px 16px;
}
[ewjklng-host][shape=square]:not([disabled]):hover {
  color: var(--button-text-color);
  background-color: var(--button-bg-color);
  box-shadow: 0 0 0 1px var(--button-bg-color);
}
[ewjklng-host][shape=square][size=small] {
  font-size: 12px;
  line-height: 14px;
  height: 24px;
  padding: 5px 12px;
}
[ewjklng-host][shape=square][size=xsmall] {
  font-size: 12px;
  line-height: 14px;
  height: 16px;
  padding: 1px 12px;
}
[ewjklng-host][shape=square][role=primary] {
  --button-text-color: #ffffff;
  --button-bg-color: #ff7700;
}
[ewjklng-host][shape=square][role=secondary][origin=popup],[ewjklng-host][shape=square][role=secondary][origin=settings-menu] {
  --button-bg-color: var(--button-secondary-bg-color);
  --button-text-color: var(--button-secondary-text-color);
}

[ewjklng-host][disabled] {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

slot[ewjklng] {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

slot[slotted][ewjklng] > msg-icon {
  color: inherit;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

[ewjklng-host] msg-counter {
  position: absolute;
  right: 0;
  top: 0;
}

[ewjklng-host] .svg-fill {
  fill: currentColor;
}

[ewjklng-host] .svg-stroke {
  stroke: currentColor;
}
@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [ewjklng-host] {
    --button-secondary-bg-color: rgba(255, 255, 255, 0.08);
    --button-secondary-text-color: #c0c0c0;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [ewjklng-host] {
  --button-secondary-bg-color: rgba(255, 255, 255, 0.08);
  --button-secondary-text-color: #c0c0c0;
}[ev58kzg-host] {
  display: inline-block;
  position: relative;
  --bubble-text-color: #000000;
  --bubble-bg-color: #ffffff;
  --bubble-border-color: rgba(0, 0, 0, 0.08);
  --bubble-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [ev58kzg-host] {
    --bubble-text-color: #ffffff;
    --bubble-bg-color: #202020;
    --bubble-border-color: rgba(255, 255, 255, 0.08);
    --bubble-shadow: 0 4px 16px rgba(0, 0, 0, 0.8);
  }
}
html.__ui-theme_enabled.__ui-theme_dark [ev58kzg-host] {
  --bubble-text-color: #ffffff;
  --bubble-bg-color: #202020;
  --bubble-border-color: rgba(255, 255, 255, 0.08);
  --bubble-shadow: 0 4px 16px rgba(0, 0, 0, 0.8);
}

slot[ev58kzg][name=anchor] {
  display: flex;
}

[ev58kzg].call-bubble {
  display: block;
  box-sizing: border-box;
  position: absolute;
  overflow: visible;
  z-index: 5;
  /* floating-ui recommendation: Avoid layout interference */
  top: 0;
  left: 0;
  border-radius: 8px;
  color: var(--bubble-text-color);
  border: 1px solid var(--bubble-border-color);
  box-shadow: var(--bubble-shadow);
}
[ev58kzg].call-bubble slot[ev58kzg][name=bubble] {
  display: block;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
  border-radius: inherit;
  background-color: var(--bubble-bg-color);
}
[ev58kzg].call-bubble [ev58kzg].arrow {
  position: absolute;
  z-index: 2;
  transform: rotate(45deg);
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background-color: var(--bubble-bg-color);
}

[ev58kzg-host][strategy=fixed] > [ev58kzg].call-bubble {
  position: fixed;
}

[ev58kzg-host][has-arrow] > [ev58kzg].call-bubble {
  border: 0;
}

[ev58kzg-host][is-full-width] > [ev58kzg].call-bubble {
  width: 100%;
}
[ev58kzg-host][is-full-width] > .call-bubble slot[ev58kzg][name=bubble] {
  width: 100%;
}

[ev58kzg-host][placement^=bottom] > .call-bubble > [ev58kzg].arrow {
  bottom: calc(100% - 7px);
}

[ev58kzg-host][placement=bottom] > [ev58kzg].call-bubble {
  transform-origin: top center;
}

[ev58kzg-host][placement=bottom-end] > [ev58kzg].call-bubble {
  transform-origin: top right;
}

[ev58kzg-host][placement=bottom-start] > [ev58kzg].call-bubble {
  transform-origin: top left;
}

[ev58kzg-host][placement^=top] > .call-bubble > [ev58kzg].arrow {
  top: calc(100% - 7px);
}

[ev58kzg-host][placement=top] > [ev58kzg].call-bubble {
  transform-origin: bottom center;
}

[ev58kzg-host][placement=top-end] > [ev58kzg].call-bubble {
  transform-origin: bottom right;
}

[ev58kzg-host][placement=top-start] > [ev58kzg].call-bubble {
  transform-origin: bottom left;
}

@keyframes pop-in-ev58kzg {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes pop-out-ev58kzg {
  to {
    transform: scale(0.5);
    opacity: 0;
  }
}[euax6do-host] {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transition: transform 0.3s;
  pointer-events: all;
  position: relative;
  width: 340px;
  max-height: 320px;
  border-radius: 8px;
  text-align: left;
}

msg-users-menu-join-link[euax6do],
msg-users-menu-search-bar[euax6do] {
  flex: 0;
}

msg-users-menu-list[euax6do] {
  flex: 1;
}[e-g3vwzg-host] {
  --join-link-border-color: rgba(0, 0, 0, 0.08);
  --join-link-primary-text-color: #000000;
  --join-link-secondary-text-color: #505050;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
  font-size: 12px;
  border-bottom: 1px solid var(--join-link-border-color);
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e-g3vwzg-host] {
    --join-link-border-color: rgba(255, 255, 255, 0.08);
    --join-link-primary-text-color: #ffffff;
    --join-link-secondary-text-color: #c0c0c0;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-g3vwzg-host] {
  --join-link-border-color: rgba(255, 255, 255, 0.08);
  --join-link-primary-text-color: #ffffff;
  --join-link-secondary-text-color: #c0c0c0;
}

msg-tooltip[e-g3vwzg] {
  cursor: pointer;
  flex: 0 1 max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
msg-tooltip[e-g3vwzg]:first-of-type {
  flex-grow: 1;
  min-width: 0;
}
msg-tooltip[e-g3vwzg]:first-child [e-g3vwzg][slot=anchor] {
  display: flex;
  max-width: 100%;
}
msg-tooltip[e-g3vwzg]:first-child [slot=anchor] msg-icon[e-g3vwzg][icon=copy] {
  display: block;
}
msg-tooltip[e-g3vwzg]:first-child [slot=anchor] msg-icon[e-g3vwzg][icon=url] {
  display: none;
}
msg-tooltip[e-g3vwzg]:first-child [slot=anchor]:hover msg-icon[e-g3vwzg][icon=copy] {
  display: none;
}
msg-tooltip[e-g3vwzg]:first-child [slot=anchor]:hover msg-icon[e-g3vwzg][icon=url] {
  display: block;
}

[e-g3vwzg-host] msg-tooltip msg-bubble {
  display: block;
  max-width: 100%;
}
[e-g3vwzg].icon {
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 119, 0, 0.08);
  background-image: none;
  margin-right: 8px;
}
[e-g3vwzg].icon msg-icon[e-g3vwzg] {
  color: #ff7700;
}

[e-g3vwzg].refresh-button {
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
[e-g3vwzg].refresh-button msg-icon[e-g3vwzg] {
  color: #ff7700;
}

[e-g3vwzg].text {
  min-width: 0;
  padding-right: 8px;
}
[e-g3vwzg].text [e-g3vwzg].title {
  font-weight: 700;
  margin-bottom: 4px;
  color: var(--join-link-primary-text-color);
}
[e-g3vwzg].text [e-g3vwzg].url, [e-g3vwzg].text [e-g3vwzg].info {
  color: var(--join-link-secondary-text-color);
}
[e-g3vwzg].text [e-g3vwzg].url {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[e-g3vwzg].text [e-g3vwzg].info {
  white-space: normal;
}[e-lb4xhi-host] {
  --tooltip-help-icon-color: rgba(80, 80, 80, 0.5);
  display: flex;
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e-lb4xhi-host] {
    --tooltip-help-icon-color: rgba(192, 192, 192, 0.5);
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-lb4xhi-host] {
  --tooltip-help-icon-color: rgba(192, 192, 192, 0.5);
}

[e-lb4xhi].call-help-icon {
  color: var(--tooltip-help-icon-color);
  cursor: pointer;
}

[e-lb4xhi].call-tooltip {
  padding: 12px 16px;
  white-space: initial;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  font-size: 14px;
  cursor: auto;
}[e-623vcf-host] {
  display: block;
  margin: 12px 12px 4px;
}

call-text-input[e-623vcf] {
  font-size: 12px;
}[e-mvlgoe-host] {
  --search-input-bg-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  box-sizing: border-box;
  height: 32px;
  padding: 8px 8px;
  color: var(--input-text-color);
  background-color: var(--input-bg-color);
  border: 1px solid var(--input-border-color);
  border-radius: 4px;
}
[e-mvlgoe-host][disabled] {
  color: var(--input-disabled-text-color);
  background-color: var(--input-disabled-bg-color);
  border-color: var(--input-disabled-bg-color);
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e-mvlgoe-host] {
    --search-input-bg-color: #101010;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-mvlgoe-host] {
  --search-input-bg-color: #101010;
}

msg-icon[e-mvlgoe] {
  flex: 0 1 16px;
  color: var(--input-icon-color);
}
[e-mvlgoe-host] msg-icon svg {
  pointer-events: none;
}
input[e-mvlgoe] {
  flex: 1;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-family: inherit;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: inherit;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[e-mvlgoe]::-moz-placeholder {
  color: var(--input-ph-color);
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input[e-mvlgoe]::placeholder {
  color: var(--input-ph-color);
  transition: opacity 0.3s;
}
input[e-mvlgoe]:focus::-moz-placeholder {
  opacity: 0.5;
}
input[e-mvlgoe]:focus::placeholder {
  opacity: 0.5;
}

[e-mvlgoe-host][type=search] {
  padding: 8px 12px;
  background-color: var(--search-input-bg-color);
  border: 0;
  border-radius: 32px;
}

[e-mvlgoe].call-reset-icon {
  cursor: pointer;
}[e5whzlh-host] {
  --users-menu-empty-message-color: #505050;
  display: block;
  overflow: auto;
}
[e5whzlh-host] [e5whzlh].loader {
  text-align: center;
  height: 136px;
}
[e5whzlh-host] .loader msg-icon[e5whzlh] {
  margin: 44px auto 4px;
}
[e5whzlh-host] [e5whzlh].empty {
  text-align: center;
  height: 136px;
  color: var(--users-menu-empty-message-color);
}
[e5whzlh-host] .empty msg-icon[e5whzlh] {
  margin: 44px auto 4px;
}
[e5whzlh-host] .empty msg-l10n[e5whzlh] {
  display: block;
  width: 100%;
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e5whzlh-host] {
    --users-menu-empty-message-color: #c0c0c0;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e5whzlh-host] {
  --users-menu-empty-message-color: #c0c0c0;
}[e5tf0q0-host] {
  --menu-icon-hover-bg-color: rgba(0, 0, 0, 0.08);
  --menu-icon-hover-icon-color: #000000;
  --call-state-text-color: #505050;
  --online-mark-border-color: #ffffff;
  --call-features-icon-color: #505050;
  display: block;
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e5tf0q0-host] {
    --menu-icon-hover-bg-color: #303030;
    --menu-icon-hover-icon-color: #ffffff;
    --call-state-text-color: #c0c0c0;
    --online-mark-border-color: #202020;
    --call-features-icon-color: #c0c0c0;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e5tf0q0-host] {
  --menu-icon-hover-bg-color: #303030;
  --menu-icon-hover-icon-color: #ffffff;
  --call-state-text-color: #c0c0c0;
  --online-mark-border-color: #202020;
  --call-features-icon-color: #c0c0c0;
}

[e5tf0q0-host] msg-bubble slot[name=anchor] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--call-features-icon-color);
}

[e5tf0q0-host] msg-bubble slot[name=anchor]:hover {
  background-color: var(--menu-icon-hover-bg-color);
  color: var(--menu-icon-hover-icon-color);
}
[e5tf0q0].call-features {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
}
[e5tf0q0].call-features msg-icon[e5tf0q0] {
  height: 16px;
  min-width: 16px;
  color: var(--call-features-icon-color);
}
[e5tf0q0].call-features msg-icon[e5tf0q0][icon=microphone-off-colorfilled] {
  color: #ff5555;
}
[e5tf0q0].call-features [e5tf0q0].svg-fill {
  fill: var(--call-features-icon-color);
}

[e5tf0q0].call-user-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  max-height: 48px;
  padding: 8px 12px;
}
[e5tf0q0].call-user-item [e5tf0q0].call-profile-card {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 8px;
       column-gap: 8px;
  cursor: pointer;
}
[e5tf0q0].call-user-item .call-profile-card [e5tf0q0].call-name {
  max-width: 178px;
  font-weight: 700;
}
[e5tf0q0].call-user-item .call-profile-card [e5tf0q0].call-state {
  color: var(--call-state-text-color);
}
[e5tf0q0].call-user-item .call-profile-card.call-shrunk [e5tf0q0].call-name {
  max-width: 154px;
}
[e5tf0q0].call-user-item [e5tf0q0].call-profile-photo {
  height: 32px;
  width: 32px;
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
}
[e5tf0q0].call-user-item .call-profile-photo *[e5tf0q0] {
  border-radius: 50%;
}
[e5tf0q0].call-user-item .call-profile-photo [e5tf0q0].call-online-mark {
  position: relative;
  bottom: 12px;
  left: 0;
  border: 2px solid var(--online-mark-border-color);
  width: 6px;
  height: 6px;
  background-color: #ff7700;
}
[e5tf0q0].call-user-item [e5tf0q0].call-caption {
  font-size: 12px;
  text-align: left;
}
[e5tf0q0].call-user-item .call-caption *[e5tf0q0] {
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}[e6jzm1y-host] {
  display: block;
}

div[e6jzm1y][slot=anchor] {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

[e6jzm1y-host] msg-bubble .call-bubble {
  display: none;
}

[e6jzm1y-host] msg-bubble.call-participant-data-loaded .call-bubble {
  display: block;
}[e-foisy-host] {
  display: block;
  padding: 4px;
}
[e-foisy-host] msg-menu-separator {
  margin: 0 -4px;
}[e-vi0zme-host] {
  --menu-item-text-color: #505050;
  --menu-item-hover-bg-color: #f7f7f7;
  display: block;
  padding: 8px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--menu-item-text-color);
}
[e-vi0zme-host]:not([is-not-clickable]):hover {
  background-color: var(--menu-item-hover-bg-color);
}
[e-vi0zme-host][is-not-clickable] {
  cursor: auto;
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e-vi0zme-host] {
    --menu-item-text-color: #c0c0c0;
    --menu-item-hover-bg-color: #303030;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-vi0zme-host] {
  --menu-item-text-color: #c0c0c0;
  --menu-item-hover-bg-color: #303030;
}[e-j6xxa-host] {
  display: flex;
  align-items: flex-start;
  line-height: 16px;
}

[e-j6xxa-host][size=small] {
  font-size: 14px;
}

[e-j6xxa].call-tico-content {
  flex: 1;
  margin-left: 8px;
}
[e-j6xxa-host][size=small] [e-j6xxa].call-tico-content {
  margin-left: 4px;
}

[e-j6xxa].call-tico-title {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
[e-j6xxa-host][multiline] [e-j6xxa].call-tico-title {
  white-space: normal;
  word-break: break-word;
}

[e-j6xxa].call-tico-description:not(:empty) {
  display: block;
  margin-top: 4px;
  font-size: 12px;
}[ebrgzpo-host] {
  --menu-separator-color: rgba(0, 0, 0, 0.08);
  display: block;
  height: 1px;
  padding: 4px 0;
  background-clip: content-box;
  background-color: var(--menu-separator-color);
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [ebrgzpo-host] {
    --menu-separator-color: rgba(255, 255, 255, 0.08);
  }
}
html.__ui-theme_enabled.__ui-theme_dark [ebrgzpo-host] {
  --menu-separator-color: rgba(255, 255, 255, 0.08);
}[evl043r-host]:-webkit-full-screen {
  top: 0;
}

[evl043r].overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

[evl043r].call {
  --call-w: 978px;
  --call-h: 528px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: var(--call-w);
  height: var(--call-h);
  margin: 4px auto 0;
  background-color: #202020;
  color: #ffffff;
  border-radius: 12px;
}
@media (min-height: 780px) and (min-width: 1280px) {
  [evl043r].call {
    --call-w: 1134px;
    --call-h: 600px;
  }
}
[evl043r].call:hover msg-call-controls[evl043r] {
  opacity: 1;
}
[evl043r].call [evl043r].control-group-item {
  margin-left: 8px;
}
[evl043r].call [evl043r].control-group-item:first-of-type {
  margin-left: 0;
}
[evl043r].call.call-skinned header .control-group:first-child [evl043r].status-group {
  border-radius: 32px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4px 10px;
  display: flex;
}
[evl043r].call.call-skinned header .control-group:first-child .status-group msg-speakers[evl043r] {
  margin-left: 8px;
}
[evl043r].call.call-skinned header .control-group:first-child .status-group msg-speakers [evl043r].label {
  color: rgba(255, 255, 255, 0.6);
}

[evl043r-host] .call.call-skinned header .control-group msg-button:not([origin=popup]):not([origin=settings-menu]) {
  background-color: rgba(0, 0, 0, 0.6);
}

[evl043r-host] .call.call-skinned header .control-group msg-button:not([origin=popup]):not([origin=settings-menu])[active] {
  background-color: #0099ff;
}
[evl043r].call.call-skinned footer [evl043r].control-group:first-child, [evl043r].call.call-skinned footer [evl043r].control-group:last-child {
  -moz-column-gap: 12px;
       column-gap: 12px;
}
[evl043r].call.call-skinned footer .control-group msg-button[evl043r][role=primary] {
  background-color: rgba(0, 0, 0, 0.6);
}
[evl043r].call [evl043r].control-group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-around;
  min-width: 0;
}
[evl043r].call [evl043r].control-group:first-of-type {
  justify-content: flex-start;
}
[evl043r].call [evl043r].control-group:last-of-type {
  justify-content: flex-end;
}
[evl043r].call .control-group msg-streaming-indicator[evl043r] {
  margin-left: 20px;
}

[evl043r-host] .call .control-group msg-duration {
  min-width: 36px;
}
[evl043r].call header[evl043r] {
  position: relative;
  z-index: 30;
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 16px 12px;
}
[evl043r].call header msg-speakers[evl043r] {
  max-width: 100%;
}
[evl043r].call header [evl043r].control-group {
  flex-basis: max-content;
}
[evl043r].call header [evl043r].control-group.speakers-container {
  min-width: 0;
  flex: 1;
  justify-content: flex-start;
}
[evl043r].call header .control-group + [evl043r].control-group {
  margin-left: 20px;
}
[evl043r].call main[evl043r] {
  display: flex;
  flex: 1 0;
  --main-height: calc(var(--call-h) - 48px - 80px);
  height: var(--main-height);
}
[evl043r].call main[evl043r][data-view=grid] {
  --count-in-line: 5;
  --participant-w: calc(
          calc(var(--call-w) - 12px * 2) / var(--count-in-line) - 4px
  );
  --participant-h: calc(var(--participant-w) / 1.78);
  display: grid;
  place-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 10px;
  scrollbar-width: none; /* Firefox */
}
[evl043r].call main[evl043r][data-view=grid]::-webkit-scrollbar {
  display: none;
}
[evl043r].call main[data-view=grid] [evl043r].grid-items {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
[evl043r].call main[data-view=grid] msg-call-participant[evl043r] {
  width: var(--participant-w);
  height: var(--participant-h);
  margin: 2px;
}
[evl043r].call main[data-view=grid] msg-call-participant[evl043r]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-radius: inherit;
  transition: box-shadow 0.15s;
}
[evl043r].call main[data-view=grid] msg-call-participant[evl043r]:hover:after {
  box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.08);
}
[evl043r].call main[evl043r][data-view=grid][data-total="1"] {
  --count-in-line: 1;
}
[evl043r].call main[data-view=grid][data-total="1"] [evl043r].grid-items {
  height: 100%;
}
[evl043r].call main[data-view=grid][data-total="1"] msg-call-participant[evl043r] {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
[evl043r].call main[data-view=grid][data-total="1"] msg-call-participant[evl043r]:after {
  display: none;
}
[evl043r].call main[evl043r][data-view=grid][data-total="2"] {
  --count-in-line: 2;
}
[evl043r].call main[evl043r][data-view=grid][data-total="3"], [evl043r].call main[evl043r][data-view=grid][data-total="4"] {
  --count-in-line: 2;
  --participant-h: calc(calc((var(--main-height) / 2)) - 4px);
  --participant-w: calc(var(--participant-h) * 1.78);
}
[evl043r].call main[data-view=grid][data-total="3"] [evl043r].grid-items {
  display: grid;
  grid-template-areas: "a a b b" ". c c .";
}
[evl043r].call main[data-view=grid][data-total="3"] msg-call-participant[evl043r]:nth-child(1) {
  grid-area: a;
}
[evl043r].call main[data-view=grid][data-total="3"] msg-call-participant[evl043r]:nth-child(2) {
  grid-area: b;
}
[evl043r].call main[data-view=grid][data-total="3"] msg-call-participant[evl043r]:nth-child(3) {
  grid-area: c;
}
[evl043r].call main[data-view=grid][data-total="4"] [evl043r].grid-items {
  display: grid;
  grid-template-columns: auto auto;
}
[evl043r].call main[evl043r][data-view=grid][data-total="5"], [evl043r].call main[evl043r][data-view=grid][data-total="6"] {
  --count-in-line: 3;
}
[evl043r].call main[evl043r][data-view=grid][data-total="7"], [evl043r].call main[evl043r][data-view=grid][data-total="8"], [evl043r].call main[evl043r][data-view=grid][data-total="9"], [evl043r].call main[evl043r][data-view=grid][data-total="10"], [evl043r].call main[evl043r][data-view=grid][data-total="11"], [evl043r].call main[evl043r][data-view=grid][data-total="12"] {
  --count-in-line: 4;
}
[evl043r].call main[evl043r][data-view=grid][data-total="9"], [evl043r].call main[evl043r][data-view=grid][data-total="10"], [evl043r].call main[evl043r][data-view=grid][data-total="11"], [evl043r].call main[evl043r][data-view=grid][data-total="12"] {
  --participant-h: calc(calc((var(--main-height) / 3)) - 4px);
  --participant-w: calc(var(--participant-h) * 1.78);
}
[evl043r].call main[data-view=carousel] msg-call-participant[evl043r] {
  width: 100%;
}
[evl043r].call main[data-view=carousel] [evl043r].main-participant {
  flex-grow: 1;
  padding-left: 12px;
}
[evl043r].call main[data-view=carousel] .main-participant msg-call-participant[evl043r] {
  height: 100%;
}
[evl043r].call main[data-view=carousel] [evl043r].collapse {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  flex-grow: 0;
  min-width: 24px;
  max-width: 24px;
  overflow: hidden;
}
[evl043r].call main[data-view=carousel] [evl043r].previews-container {
  flex-grow: 0;
  display: grid;
  align-items: center;
  overflow: hidden;
}
[evl043r].call main[data-view=carousel] [evl043r].previews {
  max-height: 100%;
  min-width: 230px;
  overflow: auto;
  padding-right: 12px;
  will-change: margin-right, opacity;
  transition: margin-right, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  scrollbar-face-color: rgba(255, 255, 255, 0.12);
  scrollbar-arrow-color: #303030;
  scrollbar-track-color: rgba(255, 255, 255, 0.08);
  scrollbar-shadow-color: rgba(255, 255, 255, 0.08);
  scrollbar-highlight-color: rgba(255, 255, 255, 0.08);
  scrollbar-3dlight-color: rgba(255, 255, 255, 0.08);
  scrollbar-darkshadow-Color: rgba(255, 255, 255, 0.08);
}
[evl043r].call main[data-view=carousel] [evl043r].previews::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.08);
}
[evl043r].call main[data-view=carousel] [evl043r].previews::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
[evl043r].call main[data-view=carousel] [evl043r].previews::-webkit-scrollbar-thumb {
  min-height: 40px;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 1px;
  border: 0;
  background-clip: padding-box;
}
[evl043r].call main[data-view=carousel] [evl043r].previews::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
[evl043r].call main[data-view=carousel] .previews msg-call-participant[evl043r] {
  height: 124px;
  margin-bottom: 4px;
}
[evl043r].call main[data-view=carousel] .previews msg-call-participant[evl043r]:last-of-type {
  margin-bottom: 0;
}
[evl043r].call main[data-view=carousel] .previews msg-call-participant[evl043r]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-radius: inherit;
  transition: box-shadow 0.15s;
}
[evl043r].call main[data-view=carousel] .previews msg-call-participant[evl043r]:hover:after {
  box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.08);
}
[evl043r].call main[data-view=carousel] [evl043r].previews[data-transition-status=entering], [evl043r].call main[data-view=carousel] [evl043r].previews[data-transition-status=exiting] {
  margin-right: -242px;
  opacity: 0;
}
[evl043r].call main[data-view=carousel] [evl043r].previews[data-transition-status=entered] {
  margin-right: 0;
  opacity: 1;
}
[evl043r].call main[data-view=carousel] [evl043r].previews[data-scrollable] {
  padding-right: 6px;
}
[evl043r].call main[data-view=carousel] [evl043r].previews[data-scrollable][data-transition-status=entering], [evl043r].call main[data-view=carousel] [evl043r].previews[data-scrollable][data-transition-status=exiting] {
  margin-right: -236px;
}
[evl043r].call footer[evl043r] {
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  padding: 16px 20px;
}
[evl043r].call footer [evl043r].control-group {
  flex: 1 1 100%;
}
[evl043r].call footer .control-group msg-button[role=secondary] + msg-button[evl043r][role=secondary] {
  margin-left: 8px;
}
[evl043r].call.__fs {
  --call-w: 100vw;
  --call-h: 100vh;
  margin: 0;
}
@media (max-aspect-ratio: 16/10) {
  [evl043r].call.__fs main[evl043r][data-view=grid][data-total="3"], [evl043r].call.__fs main[evl043r][data-view=grid][data-total="4"] {
    --participant-w: calc(
            calc(var(--call-w) - 12px * 2) / var(--count-in-line) - 4px
    );
    --participant-h: calc(var(--participant-w) / 1.78);
  }
}
@media (max-aspect-ratio: 18/10) {
  [evl043r].call.__fs main[evl043r][data-view=grid][data-total="9"], [evl043r].call.__fs main[evl043r][data-view=grid][data-total="10"], [evl043r].call.__fs main[evl043r][data-view=grid][data-total="11"], [evl043r].call.__fs main[evl043r][data-view=grid][data-total="12"] {
    --participant-w: calc(
            calc(var(--call-w) - 12px * 2) / var(--count-in-line) - 4px
    );
    --participant-h: calc(var(--participant-w) / 1.78);
  }
}

[evl043r].badge {
  margin-left: auto;
}

[evl043r-host] .streaming-settings.__stream .video-chat_streaming-bottom .__start-stream {
  display: none;
}

[evl043r-host] .streaming-settings.__stream .video-chat_streaming-bottom .__stop-stream {
  display: block;
}

[evl043r-host] .streaming-settings .video-chat_streaming {
  z-index: 35;
  max-height: 600px;
}[e-lrd9r0-host] {
  display: block;
  box-sizing: border-box;
  height: 16px;
  min-width: 16px;
  padding: 0 4px;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  background-color: #1ebb55;
  color: #ffffff;
  border-radius: 16px;
}[e-4i8f68-host] {
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
}[e-539jak-host] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  height: 0;
  overflow: visible;
}

@keyframes toast-in-e-539jak {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 1000px;
  }
}
@keyframes toast-out-e-539jak {
  from {
    opacity: 1;
    max-height: 1000px;
  }
  to {
    opacity: 0;
    max-height: 0;
  }
}

[e-539jak-host] .call-hide-controls .content {
  padding: 16px 20px;
}

[e-539jak-host] .call-hide-controls .controls {
  display: none;
}[efwwu62-host] {
  display: flex;
  margin: 8px 12px 0;
  font-size: 14px;
  line-height: 19px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
}
[efwwu62-host]:first-of-type {
  margin-top: 16px;
}

[efwwu62].content {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 16px 12px 16px 24px;
}

[efwwu62].text {
  margin: 0;
}

[efwwu62].action {
  margin: 0 0 0 16px;
  color: #ff7700;
  font-weight: 700;
  text-decoration: none;
}
[efwwu62].action:hover {
  color: #d66400;
  text-decoration: none;
}

[efwwu62].controls {
  flex: 0;
  display: flex;
  align-items: center;
  padding-right: 12px;
}
[efwwu62].controls msg-button msg-icon[efwwu62] {
  color: #c0c0c0;
}
[efwwu62].controls msg-button[efwwu62]:hover {
  opacity: 0.8;
}[erryy5v].avatar [erryy5v].decor {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #ffffff;
  opacity: 0;
  animation: avatar-pulse-wave 2s cubic-bezier(0.13, 1.11, 0.58, 1) infinite;
}
[erryy5v].avatar [erryy5v].decor.__2 {
  background: transparent;
  box-shadow: 0 0 10px 0 #ffffff, inset 0 0 5px 12px #ffffff;
  animation-delay: 0.4s;
}
[erryy5v].avatar[data-size=xxlarge] [erryy5v].decor {
  width: 192px;
  height: 192px;
  margin: -96px 0 0 -96px;
}
[erryy5v].avatar[data-size=xxlarge] [erryy5v].decor.__2 {
  width: 180px;
  height: 180px;
  margin: -90px 0 0 -90px;
}
[erryy5v].avatar[data-size=xlarge] [erryy5v].decor {
  width: 144px;
  height: 144px;
  margin: -72px 0 0 -72px;
}
[erryy5v].avatar[data-size=xlarge] [erryy5v].decor.__2 {
  width: 135px;
  height: 135px;
  margin: -68px 0 0 -68px;
}
[erryy5v].avatar[data-size=large] [erryy5v].decor {
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
}
[erryy5v].avatar[data-size=large] [erryy5v].decor.__2 {
  width: 68px;
  height: 68px;
  margin: -34px 0 0 -34px;
}[erryy5v].avatar [erryy5v].decor {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #ffffff;
  opacity: 0;
  animation: avatar-pulse-wave-erryy5v 2s cubic-bezier(0.13, 1.11, 0.58, 1) infinite;
}
[erryy5v].avatar [erryy5v].decor.__2 {
  background: transparent;
  box-shadow: 0 0 10px 0 #ffffff, inset 0 0 5px 12px #ffffff;
  animation-delay: 0.4s;
}
[erryy5v].avatar[data-size=xxlarge] [erryy5v].decor {
  width: 192px;
  height: 192px;
  margin: -96px 0 0 -96px;
}
[erryy5v].avatar[data-size=xxlarge] [erryy5v].decor.__2 {
  width: 180px;
  height: 180px;
  margin: -90px 0 0 -90px;
}
[erryy5v].avatar[data-size=xlarge] [erryy5v].decor {
  width: 144px;
  height: 144px;
  margin: -72px 0 0 -72px;
}
[erryy5v].avatar[data-size=xlarge] [erryy5v].decor.__2 {
  width: 135px;
  height: 135px;
  margin: -68px 0 0 -68px;
}
[erryy5v].avatar[data-size=large] [erryy5v].decor {
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
}
[erryy5v].avatar[data-size=large] [erryy5v].decor.__2 {
  width: 68px;
  height: 68px;
  margin: -34px 0 0 -34px;
}

[erryy5v-host] {
  display: block;
  border-radius: 4px;
  position: relative;
}
[erryy5v-host]:hover msg-participant-menu[erryy5v] {
  opacity: 1;
}
[erryy5v-host] msg-participant-menu {
  display: flex;
  opacity: 0;
}
[erryy5v-host] msg-participant-menu msg-bubble {
  right: 5px;
  top: 5px;
  position: absolute;
}
[erryy5v-host] msg-participant-menu div[slot=anchor] {
  height: 30px;
  width: 30px;
  list-style: none;
  box-sizing: border-box;
  align-items: center;
  flex-wrap: nowrap;
  padding: 6px 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 12px;
  line-height: 16px;
  background-color: rgba(0, 0, 0, 0.32);
  border-radius: 4px;
  z-index: 3;
}
[erryy5v].invisible {
  visibility: hidden;
}

[erryy5v].bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: center no-repeat;
  background-size: cover;
  opacity: 0.6;
}

[erryy5v].wrap {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #101010;
  background-clip: content-box;
  border-radius: inherit;
}
[erryy5v].wrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  transition: box-shadow 0.15s 1s;
}
[erryy5v].wrap.speaking:after {
  box-shadow: inset 0 0 1px 2px #1ebb55;
  transition-delay: 0s;
}
[erryy5v-host][is-main] [erryy5v].wrap:after,[erryy5v-host][is-mini] [erryy5v].wrap:after {
  content: none;
}

video[erryy5v] {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
[erryy5v-host][screen] video[erryy5v], video[erryy5v].__contain {
  -o-object-fit: contain;
     object-fit: contain;
}
video[erryy5v].__mirror {
  transform: rotateY(180deg);
}

[erryy5v].avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

msg-avatar[erryy5v].__pulse {
  animation: avatar-pulse-erryy5v 2s cubic-bezier(0.39, 0.76, 0.44, 1) 0.35s infinite;
}

ul[erryy5v].indicator-group {
  list-style: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
  background-color: rgba(0, 0, 0, 0.32);
  border-radius: 4px;
  max-width: 100%;
}
ul[erryy5v].indicator-group li[erryy5v] {
  display: flex;
  flex: 0 0 16px;
  align-items: center;
  margin-right: 4px;
  min-width: 0;
}
ul[erryy5v].indicator-group li[erryy5v]:last-of-type {
  margin-right: 0;
}
ul[erryy5v].indicator-group li[erryy5v].name {
  flex: 1;
}
ul[erryy5v].indicator-group li.name span[erryy5v], ul[erryy5v].indicator-group li.name msg-l10n[erryy5v] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ul[erryy5v].indicator-group li[erryy5v].network-grade[data-value=bad] {
  color: #ff5555;
}
ul[erryy5v].indicator-group li[erryy5v].network-grade[data-value=medium] {
  color: #ffb311;
}

[erryy5v].call-toggle {
  margin-left: 4px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 12px;
  line-height: 16px;
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.32);
  border-radius: 4px;
}

[erryy5v].call-toggle-item {
  display: flex;
  align-items: center;
  padding: 2px 6px;
  cursor: pointer;
}
[erryy5v].call-toggle-item [erryy5v].call-toggle-item-label {
  display: none;
  margin-left: 8px;
}
[erryy5v].call-toggle-item.call-selected {
  cursor: auto;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.12);
}
[erryy5v].call-toggle-item.call-selected [erryy5v].call-toggle-item-label {
  display: initial;
}

[erryy5v].indicators {
  position: absolute;
  left: 6px;
  bottom: 6px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  max-width: min(260px, calc(100% - 6px * 2));
}
[erryy5v].indicators.indicators-pin {
  bottom: auto;
  top: 6px;
}
[erryy5v].indicators.indicators-pin ul[erryy5v].indicator-group {
  padding: 6px;
}

[erryy5v-host][is-main] [erryy5v].indicators {
  bottom: auto;
  top: 6px;
}

@keyframes avatar-pulse-erryy5v {
  0% {
    transform: scale3d(1, 1, 1);
  }
  15% {
    transform: scale3d(0.95, 0.95, 0.95);
  }
  25% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  35% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  42% {
    transform: scale3d(1.02, 1.02, 1.02);
  }
  47%, 100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes avatar-pulse-wave-erryy5v {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  5% {
    transform: scale(0.1);
    opacity: 0.6;
  }
  65% {
    transform: scale(0.6);
    opacity: 0.95;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}[etbaryj-host] {
  display: flex;
  align-items: center;
}

[etbaryj].indicator {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 46px;
  height: 16px;
  padding: 0 5px;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.2px;
  font-weight: 700;
  background-color: #ffffff;
  border-radius: 16px;
  color: #000000;
  text-transform: uppercase;
}
[etbaryj].indicator:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 4px;
  background-color: #ff5555;
}

[etbaryj].indicator + slot[etbaryj]:not(:empty) {
  display: block;
  margin-left: 8px;
}

[etbaryj-host][appearance=live] [etbaryj].indicator {
  background-color: #ff5555;
  color: #ffffff;
}
[etbaryj-host][appearance=live] [etbaryj].indicator:before {
  background-color: #ffffff;
}[e-h5rsir-host] {
  --vbg-gray-item-icon-color: #505050;
  --vbg-gray-item-bg-color: #f7f7f7;
  --vbg-active-item-inset-shadow-color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e-h5rsir-host] {
    --vbg-gray-item-icon-color: #c0c0c0;
    --vbg-gray-item-bg-color: #303030;
    --vbg-active-item-inset-shadow-color: #202020;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-h5rsir-host] {
  --vbg-gray-item-icon-color: #c0c0c0;
  --vbg-gray-item-bg-color: #303030;
  --vbg-active-item-inset-shadow-color: #202020;
}

[e-h5rsir].custom-background-container {
  width: 100px;
  height: 65px;
  box-sizing: border-box;
  position: relative;
}
[e-h5rsir].custom-background-container > msg-tooltip[e-h5rsir],
[e-h5rsir].custom-background-container [e-h5rsir].item {
  position: absolute;
  top: 0;
  left: 0;
}
[e-h5rsir].custom-background-container msg-tooltip[e-h5rsir] {
  z-index: 10;
  left: 64px;
  top: 8px;
  text-align: center;
}
[e-h5rsir].custom-background-container msg-tooltip msg-button[e-h5rsir][shape=circle][role=primary] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  background-color: rgba(0, 0, 0, 0.32);
  color: #ffffff;
}
[e-h5rsir].custom-background-container msg-tooltip msg-button[e-h5rsir][shape=circle][role=primary]:hover {
  background-color: rgba(0, 0, 0, 0.32);
  color: #ffffff;
  box-shadow: none;
}
[e-h5rsir].custom-background-container msg-tooltip[e-h5rsir].disabled {
  text-align: left;
}
[e-h5rsir].custom-background-container msg-tooltip.disabled msg-icon[e-h5rsir][icon=close] {
  opacity: 50%;
}

[e-h5rsir-host] msg-toast-group msg-toast .content {
  color: #ffffff;
}

[e-h5rsir-host] msg-toast-group msg-toast:first-of-type {
  margin-top: 12px;
}
msg-popup-video[e-h5rsir],
[e-h5rsir].backgrounds {
  width: 424px;
  height: 324px;
}

[e-h5rsir].backgrounds {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 8px 8px;
  grid-auto-flow: row;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
[e-h5rsir].backgrounds [e-h5rsir].item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 65px;
  color: #666666;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 11px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
[e-h5rsir].backgrounds .item [e-h5rsir].vb-icon {
  width: 16px;
  height: 16px;
}
[e-h5rsir].backgrounds .item .vb-icon msg-icon[e-h5rsir] {
  max-width: 100%;
  max-height: 100%;
}
[e-h5rsir].backgrounds [e-h5rsir].item.custom {
  color: #ff7700;
  background: rgba(255, 119, 0, 0.08);
  border: none;
}
[e-h5rsir].backgrounds [e-h5rsir].item.active {
  box-shadow: inset 0 0 0 2px #ff7700, inset 0 0 0 4px var(--vbg-active-item-inset-shadow-color);
}
[e-h5rsir].backgrounds [e-h5rsir].item.inactive {
  box-shadow: none;
}
[e-h5rsir].backgrounds [e-h5rsir].item.gray {
  color: var(--vbg-gray-item-icon-color);
  background-color: var(--vbg-gray-item-bg-color);
}
[e-h5rsir].backgrounds input[e-h5rsir][type=file] {
  display: none;
}[eg5vwss-host] {
  --popup-text-color: #000000;
  --popup-bg-color: #ffffff;
  --popup-close-icon-color: #bababa;
  --popup-close-icon-hover-color: #f0f0f0;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}
[eg5vwss-host] [eg5vwss].calls-flex-row {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 24px;
       column-gap: 24px;
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [eg5vwss-host] {
    --popup-text-color: #ffffff;
    --popup-bg-color: #202020;
    --popup-close-icon-color: #7a7a7a;
    --popup-close-icon-hover-color: #3a3a3a;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [eg5vwss-host] {
  --popup-text-color: #ffffff;
  --popup-bg-color: #202020;
  --popup-close-icon-color: #7a7a7a;
  --popup-close-icon-hover-color: #3a3a3a;
}

[eg5vwss].popup {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 24px;
  background-color: var(--popup-bg-color);
  color: var(--popup-text-color);
  border-radius: 8px;
}

[eg5vwss].close {
  position: absolute;
  right: -40px;
  top: 0;
}
[eg5vwss].close msg-icon[eg5vwss] {
  color: var(--popup-close-icon-color);
  will-change: color;
  transition: color 0.15s;
}
[eg5vwss].close:hover msg-icon[eg5vwss] {
  color: var(--popup-close-icon-hover-color);
}

header[eg5vwss] {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 700;
  height: 64px;
  box-sizing: border-box;
}

[eg5vwss].content {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
}

[eg5vwss].footer {
  display: block;
  margin: 0 -24px;
}
[eg5vwss-host] msg-tooltip {
  margin-left: 8px;
}[e-mo3rnq-host] {
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 12px;
  cursor: pointer;
  opacity: 0.8;
  color: #ffffff;
}
[e-mo3rnq-host]:hover {
  opacity: 1;
}[e40kgaw-host] {
  --button-default-text-color: #ffffff;
  --button-default-bg-color: #303030;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.15s, opacity 0.15s, border-color 0.15s, box-shadow 0.15s;
  white-space: nowrap;
  color: var(--button-text-color);
  background-color: var(--button-bg-color);
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_dark) .call-themed [e40kgaw-host] {
    --button-default-text-color: #000000;
    --button-default-bg-color: rgba(0, 0, 0, 0.08);
  }
}
@media (prefers-color-scheme: light) {
  html:not(.__ui-theme_enabled) .call-themed [e40kgaw-host] {
    --button-default-text-color: #000000;
    --button-default-bg-color: rgba(0, 0, 0, 0.08);
  }
}
html.__ui-theme_enabled.__ui-theme_light .call-themed [e40kgaw-host] {
  --button-default-text-color: #000000;
  --button-default-bg-color: rgba(0, 0, 0, 0.08);
}

[e40kgaw-host][shape=circle] {
  --button-text-color: var(--button-default-text-color);
  --button-bg-color: transparent;
  padding: 0;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  min-width: 48px;
}
[e40kgaw-host][shape=circle]:not([disabled]):hover {
  color: var(--button-text-color);
  background-color: var(--button-bg-color);
  box-shadow: 0 0 0 1px var(--button-bg-color);
}
[e40kgaw-host][shape=circle][size=small] {
  height: 36px;
  width: 36px;
  min-width: 36px;
}
[e40kgaw-host][shape=circle][size=xsmall] {
  height: 24px;
  width: 24px;
  min-width: 24px;
}
[e40kgaw-host][shape=circle][role=primary] {
  --button-bg-color: var(--button-default-bg-color);
}
[e40kgaw-host][shape=circle][role=primary][active] {
  --button-text-color: #000000;
  --button-bg-color: #ffffff;
}
[e40kgaw-host][shape=circle][role=secondary]:not([disabled]):hover {
  --button-bg-color: var(--button-default-bg-color);
}
[e40kgaw-host][shape=circle][role=secondary][active],[e40kgaw-host][shape=circle][role=secondary][active]:not([disabled]):hover {
  --button-bg-color: #0099ff;
}
[e40kgaw-host][shape=circle][role=distraction] {
  --button-text-color: #ffffff;
  --button-bg-color: #ff5555;
}
[e40kgaw-host][shape=circle][role=accept] {
  --button-text-color: #ffffff;
  --button-bg-color: #1ebb55;
}

[e40kgaw-host][shape=square] {
  --button-text-color: var(--button-default-text-color);
  --button-bg-color: var(--button-default-bg-color);
  --button-secondary-bg-color: rgba(0, 0, 0, 0.08);
  --button-secondary-text-color: #505050;
  text-align: center;
  font-weight: 400;
  border-radius: 32px;
  font-size: 14px;
  line-height: 16px;
  height: 32px;
  padding: 8px 16px;
}
[e40kgaw-host][shape=square]:not([disabled]):hover {
  color: var(--button-text-color);
  background-color: var(--button-bg-color);
  box-shadow: 0 0 0 1px var(--button-bg-color);
}
[e40kgaw-host][shape=square][size=small] {
  font-size: 12px;
  line-height: 14px;
  height: 24px;
  padding: 5px 12px;
}
[e40kgaw-host][shape=square][size=xsmall] {
  font-size: 12px;
  line-height: 14px;
  height: 16px;
  padding: 1px 12px;
}
[e40kgaw-host][shape=square][role=primary] {
  --button-text-color: #ffffff;
  --button-bg-color: #ff7700;
}
[e40kgaw-host][shape=square][role=secondary][origin=popup],[e40kgaw-host][shape=square][role=secondary][origin=settings-menu] {
  --button-bg-color: var(--button-secondary-bg-color);
  --button-text-color: var(--button-secondary-text-color);
}

[e40kgaw-host][disabled] {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

slot[e40kgaw] {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

slot[slotted][e40kgaw] > msg-icon {
  color: inherit;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

[e40kgaw-host] msg-counter {
  position: absolute;
  right: 0;
  top: 0;
}

[e40kgaw-host] .svg-fill {
  fill: currentColor;
}

[e40kgaw-host] .svg-stroke {
  stroke: currentColor;
}
@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e40kgaw-host] {
    --button-secondary-bg-color: rgba(255, 255, 255, 0.08);
    --button-secondary-text-color: #c0c0c0;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e40kgaw-host] {
  --button-secondary-bg-color: rgba(255, 255, 255, 0.08);
  --button-secondary-text-color: #c0c0c0;
}

[e40kgaw-host] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-top: auto;
  padding: 24px;
  font-size: 14px;
  height: 80px;
  box-sizing: border-box;
}

[e40kgaw].mirror {
  display: flex;
  align-items: center;
  margin-right: auto;
}

msg-button[e40kgaw] {
  margin-left: 8px;
}[e-5qr572-host] {
  display: inline-flex;
  align-items: center;
  position: relative;
  min-height: 16px;
  min-width: 16px;
  line-height: 16px;
}

label[e-5qr572] {
  display: inline-flex;
  align-items: center;
}

[e-5qr572-host][disabled] [e-5qr572].checkbox {
  opacity: 0.6;
}
[e-5qr572-host][disabled] [e-5qr572].toggle {
  opacity: 0.4;
}
[e-5qr572-host][disabled] label[e-5qr572] {
  cursor: default;
}

[e-5qr572-host]:not([disabled]) label[e-5qr572] {
  cursor: pointer;
}

input[e-5qr572][type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

[e-5qr572].checkbox {
  width: 16px;
  height: 16px;
  color: transparent;
}
[e-5qr572].checkbox::before, [e-5qr572].checkbox::after {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  border-radius: 4px;
  box-sizing: border-box;
  transition: transform 0.3s cubic-bezier(0.42, 0.06, 0.39, 1.6);
}
[e-5qr572].checkbox::before {
  border: 2px solid var(--input-border-color);
  transform: scale(1);
}
[e-5qr572].checkbox::after {
  background: #ff7700;
  transform: scale(0);
}

input[e-5qr572][type=checkbox]:checked + [e-5qr572].checkbox {
  color: var(--input-label-text-color);
}
input[e-5qr572][type=checkbox]:checked + .checkbox msg-icon[e-5qr572] {
  opacity: 1;
  color: var(--toggle-active-icon-color);
}
input[e-5qr572][type=checkbox]:checked + [e-5qr572].checkbox:before {
  transform: scale(0);
}
input[e-5qr572][type=checkbox]:checked + [e-5qr572].checkbox:after {
  transform: scale(1);
}

[e-5qr572].toggle {
  position: relative;
  display: inline-block;
  width: 36px;
}
[e-5qr572].toggle:before {
  content: "";
  display: block;
  height: 20px;
  width: 100%;
  border-radius: 10px;
  background-color: var(--toggle-bg-color);
}
[e-5qr572].toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ffffff;
  transition: transform 0.15s, background 0.15s;
}

input[e-5qr572][type=checkbox]:checked + [e-5qr572].toggle {
  color: var(--input-label-text-color);
}
input[e-5qr572][type=checkbox]:checked + [e-5qr572].toggle:before {
  background: var(--toggle-active-bg-color);
}
input[e-5qr572][type=checkbox]:checked + [e-5qr572].toggle:after {
  transform: translateX(16px);
}

msg-icon[e-5qr572] {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  color: var(--toggle-active-icon-color);
  opacity: 0;
}

slot[e-5qr572] {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: inherit;
}
slot[e-5qr572]:not(:empty) {
  margin-left: 8px;
}[e-4vf75c-host] {
  display: flex;
  position: relative;
}
[e-4vf75c-host] [e-4vf75c].video {
  width: 100%;
  height: 100%;
  background-color: #000000;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotateY(180deg);
}
[e-4vf75c-host] [e-4vf75c].video.unmirror {
  transform: none;
}
[e-4vf75c-host] slot {
  display: block;
  width: 100%;
  height: 100%;
}
[e-4vf75c-host] slot .canvas {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}[e-nq6pc9-host] {
  --camera-error-text-color: #505050;
  --camera-error-bg-color: #f7f7f7;
  display: flex;
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e-nq6pc9-host] {
    --camera-error-text-color: #c0c0c0;
    --camera-error-bg-color: #303030;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-nq6pc9-host] {
  --camera-error-text-color: #c0c0c0;
  --camera-error-bg-color: #303030;
}

[e-nq6pc9].camera-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--camera-error-text-color);
  background-color: var(--camera-error-bg-color);
  font-size: 14px;
  border-radius: 4px;
}
[e-nq6pc9].camera-error [e-nq6pc9].vb-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 12px;
}
[e-nq6pc9].camera-error [e-nq6pc9].text {
  margin: 0 40px;
  text-align: center;
}[e-giim19-host] {
  display: block;
  cursor: auto;
  text-align: left;
}
[e-giim19-host] .popup {
  width: 400px;
  height: 201px;
  box-sizing: border-box;
}
[e-giim19-host] .popup header {
  padding: 22px 0;
}
[e-giim19-host] .popup input {
  display: none;
}
[e-giim19-host] .popup [slot=content] {
  font-size: 14px;
  line-height: 19px;
}
[e-giim19-host] .popup .footer {
  margin: 0;
}
[e-giim19-host] .popup .footer [slot=footer] {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 24px 0;
}[e-tpua9n-host] {
  --call-skins-active-item-box-shadow-color: #ffffff;
  --call-skins-gray-item-background-color: #ebebeb;
  --call-skins-gray-item-color: inherit;
  --call-skins-gray-item-box-shadow: inherit;
}
[e-tpua9n-host] [e-tpua9n].call-skins {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 8px 12px;
  grid-auto-flow: row;
  justify-content: center;
  justify-items: center;
  align-items: center;
  width: 548px;
  height: 176px;
}
[e-tpua9n-host] .call-skins [e-tpua9n].call-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 84px;
  color: #666666;
  background-color: transparent;
  font-size: 11px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: none;
  background-size: contain;
}
[e-tpua9n-host] .call-skins .call-item msg-icon[e-tpua9n] {
  width: 16px;
  height: 16px;
}
[e-tpua9n-host] .call-skins [e-tpua9n].call-item.call-active {
  box-shadow: inset 0 0 0 2px var(--call-skins-active-item-box-shadow-color);
  border: 2px solid #ff7700;
}
[e-tpua9n-host] .call-skins [e-tpua9n].call-item.call-gray {
  background-color: var(--call-skins-gray-item-background-color);
  color: var(--call-skins-gray-item-color);
  box-shadow: var(--call-skins-gray-item-box-shadow);
}
[e-tpua9n-host] [e-tpua9n].call-footer {
  display: flex;
  align-items: center;
  justify-content: right;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 24px 0;
  padding-right: 24px;
}

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e-tpua9n-host] {
    --call-skins-active-item-box-shadow-color: #202020;
    --call-skins-gray-item-background-color: #101010;
    --call-skins-gray-item-color: #c0c0c0;
    --call-skins-gray-item-box-shadow: none;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-tpua9n-host] {
  --call-skins-active-item-box-shadow-color: #202020;
  --call-skins-gray-item-background-color: #101010;
  --call-skins-gray-item-color: #c0c0c0;
  --call-skins-gray-item-box-shadow: none;
}msg-menu[erlrmri] {
  text-align: left;
  width: 320px;
}
[erlrmri-host] msg-menu-item msg-tico msg-button {
  margin-top: 4px;
}
[erlrmri-host] msg-menu-item.active msg-tico msg-icon, [erlrmri-host] msg-menu-item.active msg-tico .call-tico-title {
  color: #ff5555;
}
[erlrmri].devices {
  overflow: hidden;
}
[erlrmri].devices msg-menu-item[erlrmri] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[erlrmri].devices [erlrmri].lbl {
  margin-left: 24px;
}

[erlrmri].call-hint {
  display: flex;
  flex-direction: row;
}

[erlrmri].call-hint-text {
  margin: 0 16px 0 8px;
}

[erlrmri].badge {
  margin-left: auto;
}
[erlrmri-host] slot[name=bubble] {
  align-items: flex-start;
}
[erlrmri-host] msg-button[shape=icon] {
  color: #ffffff;
}
[erlrmri-host] msg-menu-item[is-not-clickable] .call-tico-title > msg-l10n {
  cursor: default;
}[eebh64q-host] {
  display: inline-flex;
  background-color: #1ebb55;
  padding: 2px 4px;
  border-radius: 4px;
}

[eebh64q].text {
  color: #ffffff;
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
}[eu0fblq-host] {
  position: relative;
}
[eu0fblq-host][right] [eu0fblq].container {
  right: 0;
}
[eu0fblq-host][left] [eu0fblq].container {
  left: 0;
}

[eu0fblq].container {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  padding: 12px;
  background-color: #0099ff;
  border-radius: 4px;
}
[eu0fblq].container.topRight, [eu0fblq].container.topLeft {
  bottom: 100%;
  margin-bottom: 4px;
}
[eu0fblq].container.bottomRight, [eu0fblq].container.bottomLeft {
  top: 100%;
  margin-top: 4px;
}
[eu0fblq].container.topRight, [eu0fblq].container.bottomRight {
  left: 0;
}
[eu0fblq].container.topLeft, [eu0fblq].container.bottomLeft {
  right: 0;
}

[eu0fblq].hint-text {
  display: flex;
}

[eu0fblq].pointer {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #0099ff;
  transform: rotate(45deg);
  right: calc(50% - 6px);
}
[eu0fblq].pointer.topRight, [eu0fblq].pointer.topLeft {
  bottom: calc(100% + 4px - 6px);
  border-bottom-right-radius: 4px;
}
[eu0fblq].pointer.bottomRight, [eu0fblq].pointer.bottomLeft {
  top: calc(100% + 4px - 6px);
  border-top-left-radius: 4px;
}

[eu0fblq].close {
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
  color: rgba(255, 255, 255, 0.6);
  background-color: transparent;
  padding: 2px;
  border: none;
  cursor: pointer;
}[ex2m4gn-host] {
  display: flex;
}
[ex2m4gn-host] msg-popup-video[ex2m4gn],[ex2m4gn-host] [ex2m4gn].settings {
  width: 424px;
  height: 324px;
}

[ex2m4gn].settings {
  display: flex;
  flex-direction: column;
}
[ex2m4gn].settings [ex2m4gn].setting {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  overflow: visible;
}
[ex2m4gn].settings .setting [ex2m4gn].select {
  margin-left: auto;
}
[ex2m4gn].settings .setting [ex2m4gn].noise-filter-title {
  display: flex;
  align-items: center;
}
[ex2m4gn-host] .settings .call-select {
  width: 267px;
}
[ex2m4gn-host] msg-popup .calls-flex-row > .content {
  overflow: visible;
}
[ex2m4gn-host] msg-popup .calls-flex-row msg-popup-video video.video {
  max-width: 424px;
  width: unset;
}[evqxkro-host] {
  display: block;
}

[evqxkro].call-bubble, [evqxkro].call-options {
  width: 100%;
}

[evqxkro].call-options {
  padding: 4px 0;
  width: 100%;
}
[evqxkro].call-options [evqxkro].call-option {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  color: var(--input-option-text-color);
}
[evqxkro].call-options .call-option [evqxkro].call-selected-icon {
  color: #ff7700;
  margin-left: auto;
}
[evqxkro].call-options [evqxkro].call-option:hover {
  background-color: var(--input-option-hover-bg-color);
}

[evqxkro].call-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 8px 8px;
  width: 280px;
  height: 32px;
  color: var(--input-text-color);
  background-color: var(--input-bg-color);
  border: 1px solid var(--input-border-color);
  border-radius: 4px;
}

[evqxkro].call-select.call-disabled {
  color: var(--input-disabled-text-color);
  background-color: var(--input-disabled-bg-color);
  border-color: var(--input-disabled-border-color);
}

[evqxkro].call-text {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}[e-lnkyjw-host] {
  display: flex;
  align-items: center;
}

[e-lnkyjw].label, [e-lnkyjw].speakers, [e-lnkyjw].more {
  display: block;
}

[e-lnkyjw].label {
  color: #7a7a7a;
  white-space: nowrap;
}

[e-lnkyjw].speakers {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
  margin-left: 0.4em;
}

[e-lnkyjw].more {
  flex-basis: max-content;
  margin-left: 0.4em;
  white-space: nowrap;
}[ekxyidr-host] {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  height: 168px;
  width: 300px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #202020;
  color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
  will-change: transform;
  cursor: move;
}

[ekxyidr].container {
  height: 100%;
}
[ekxyidr-host][show-link] [ekxyidr].container {
  height: 320px;
}
[ekxyidr].container:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  height: 100%;
  background: rgba(0, 0, 0, 0.12);
  will-change: opacity;
  transition: opacity 0.3s;
  opacity: 0;
}
[ekxyidr].container:hover:after {
  opacity: 1;
}

[ekxyidr].header {
  position: absolute;
  z-index: 3;
  top: 12px;
  left: 12px;
}

msg-call-participant[ekxyidr] {
  height: 100%;
}

menu[ekxyidr] {
  position: absolute;
  z-index: 3;
  margin: 0;
  top: 4px;
  right: 4px;
  display: flex;
  align-items: center;
}
menu[ekxyidr] msg-button[ekxyidr] {
  color: #ffffff;
}
menu[ekxyidr] msg-button[ekxyidr]:hover {
  color: #ffffff;
}
menu[ekxyidr] msg-button[ekxyidr][role=secondary]:not([disabled]):hover {
  background-color: transparent;
  box-shadow: none;
}

msg-duration[ekxyidr] {
  margin-right: 4px;
}

[ekxyidr].hide {
  opacity: 0;
  transition: opacity 0.3s;
}
[ekxyidr-host]:hover [ekxyidr].hide {
  opacity: 1;
}

msg-call-controls[ekxyidr] {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 12px;
  justify-content: center;
}[e-v14qmj-host] {
  transform-origin: 50% 0;
}

[e-v14qmj].overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

[e-v14qmj].call {
  --call-w: 978px;
  --call-h: 528px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: var(--call-w);
  height: var(--call-h);
  margin: 4px auto 0;
  background-color: #202020;
  color: #ffffff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
}
@media (min-height: 780px) and (min-width: 1280px) {
  [e-v14qmj].call {
    --call-w: 1134px;
    --call-h: 600px;
  }
}

[e-v14qmj].pro-img {
  position: absolute;
  z-index: 1;
  background-size: contain;
}

msg-call-feedback[e-v14qmj] {
  position: relative;
  z-index: 2;
}

[e-v14qmj].participants {
  margin: 0 0 28px;
  width: 100%;
  text-align: center;
  padding-left: 48px;
  box-sizing: border-box;
  white-space: nowrap;
}

msg-avatar[e-v14qmj] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: -48px;
}

[e-v14qmj].participant {
  -webkit-mask: radial-gradient(circle at calc(50% + 81px), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 67px, #000 68px, #000 100%);
          mask: radial-gradient(circle at calc(50% + 81px), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 67px, #000 68px, #000 100%);
}

[e-v14qmj].header {
  display: block;
  position: relative;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #ffffff;
}
[e-v14qmj-host][feedback] [e-v14qmj].header {
  margin-top: -24px;
}

[e-v14qmj].description {
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
  color: #ffffff;
}

[e-v14qmj].close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #ffffff;
  opacity: 0.6;
}
[e-v14qmj].close:hover {
  opacity: 1;
}

msg-call-controls[e-v14qmj] {
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
  margin: 0 auto;
  justify-content: center;
}

@keyframes hide-e-v14qmj {
  to {
    bottom: -80px;
    opacity: 0;
  }
}[e-14ngkm-host] {
  display: block;
  text-align: center;
}

[e-14ngkm].header {
  display: block;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 8px;
}

[e-14ngkm].subheader {
  display: block;
  line-height: 20px;
  margin-bottom: 8px;
}

[e-14ngkm].rating {
  width: 100%;
  padding: 12px 0;
  height: auto;
  text-align: center;
  transform: rotateY(180deg);
}
[e-14ngkm].rating.__selected {
  pointer-events: none;
}

[e-14ngkm].problems {
  text-align: left;
  overflow: hidden;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
[e-14ngkm].problems [e-14ngkm].header {
  margin: 0 0 8px;
  align-self: center;
}

[e-14ngkm].problem {
  line-height: 20px;
  color: #c0c0c0;
  padding: 8px;
}
[e-14ngkm].problem:hover {
  color: #ffffff;
}

[e-14ngkm].rate {
  margin: 0 8px;
  height: 32px;
  width: 32px;
  cursor: pointer;
}

[e-14ngkm-host] .rate .star-filled {
  opacity: 0;
  transition: opacity 0.15s;
}

[e-14ngkm-host] .rate:hover, [e-14ngkm-host] .rate:hover ~ .rate, [e-14ngkm-host] .rate.__checked, [e-14ngkm-host] .rate.__checked ~ .rate {
  color: #ff7700;
}

[e-14ngkm-host] .rate:hover .star-filled, [e-14ngkm-host] .rate:hover ~ .rate .star-filled, [e-14ngkm-host] .rate.__checked .star-filled, [e-14ngkm-host] .rate.__checked ~ .rate .star-filled {
  opacity: 1;
}

[e-14ngkm].buttons {
  margin-top: 20px;
}