[emgqn0b-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) [emgqn0b-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 [emgqn0b-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;
}

[emgqn0b-host] ul,
  [emgqn0b-host] ol,
  [emgqn0b-host] li {
  margin: 0;
  padding: 0;
  list-style: none;
}[e-v7nc5r-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-v7nc5r-host][expanded]:not([state=incoming]) {
  right: 0;
  bottom: 0;
}
[e-v7nc5r-host]:focus,[e-v7nc5r-host]:focus-visible {
  outline: none;
}

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

msg-call-expanded[e-v7nc5r], msg-call-ended[e-v7nc5r] {
  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-v7nc5r-host] {
  top: 0;
}
.call2-container [e-v7nc5r-host] msg-call-expanded[e-v7nc5r],.call2-container [e-v7nc5r-host] msg-call-ended[e-v7nc5r] {
  display: flex;
  align-items: center;
}

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

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

@keyframes show-panel-e-v7nc5r {
  from {
    transform: scale(0.7);
    opacity: 0;
  }
}
@keyframes mini-show-e-v7nc5r {
  from {
    opacity: 0;
  }
}[ewch0qa-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;
}

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

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

[ewch0qa].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;
}

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

msg-call-controls[ewch0qa] {
  justify-content: center;
}[e62nx4n-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;
}

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

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

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

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

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

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

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

img[e62nx4n] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}[e-h4zr8n-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;
}[exixanm-host] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  transition: transform 0.3s;
  pointer-events: all;
  position: relative;
}
[exixanm-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);
}
[exixanm-host] msg-bubble.users-menu-bubble slot[name=bubble] msg-menu > slot {
  display: block;
  height: inherit;
}
msg-button[exixanm] {
  margin: 0 8px;
}
msg-button[exixanm][size=small] {
  margin: 0 6px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes spin-e-uv1mph {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
[e-uv1mph-host].icon-spin {
  animation-name: spin-e-uv1mph;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}[e6yb3qp-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 [e6yb3qp-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 [e6yb3qp-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 [e6yb3qp-host] {
  --button-default-text-color: #000000;
  --button-default-bg-color: rgba(0, 0, 0, 0.08);
}

[e6yb3qp-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;
}
[e6yb3qp-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);
}
[e6yb3qp-host][shape=circle][size=small] {
  height: 36px;
  width: 36px;
  min-width: 36px;
}
[e6yb3qp-host][shape=circle][size=xsmall] {
  height: 24px;
  width: 24px;
  min-width: 24px;
}
[e6yb3qp-host][shape=circle][role=primary] {
  --button-bg-color: var(--button-default-bg-color);
}
[e6yb3qp-host][shape=circle][role=primary][active] {
  --button-text-color: #000000;
  --button-bg-color: #ffffff;
}
[e6yb3qp-host][shape=circle][role=secondary]:not([disabled]):hover {
  --button-bg-color: var(--button-default-bg-color);
}
[e6yb3qp-host][shape=circle][role=secondary][active],[e6yb3qp-host][shape=circle][role=secondary][active]:not([disabled]):hover {
  --button-bg-color: #0099ff;
}
[e6yb3qp-host][shape=circle][role=distraction] {
  --button-text-color: #ffffff;
  --button-bg-color: #ff5555;
}
[e6yb3qp-host][shape=circle][role=accept] {
  --button-text-color: #ffffff;
  --button-bg-color: #1ebb55;
}

[e6yb3qp-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;
}
[e6yb3qp-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);
}
[e6yb3qp-host][shape=square][size=small] {
  font-size: 12px;
  line-height: 14px;
  height: 24px;
  padding: 5px 12px;
}
[e6yb3qp-host][shape=square][size=xsmall] {
  font-size: 12px;
  line-height: 14px;
  height: 16px;
  padding: 1px 12px;
}
[e6yb3qp-host][shape=square][role=primary] {
  --button-text-color: #ffffff;
  --button-bg-color: #ff7700;
}
[e6yb3qp-host][shape=square][role=secondary][origin=popup],[e6yb3qp-host][shape=square][role=secondary][origin=settings-menu] {
  --button-bg-color: var(--button-secondary-bg-color);
  --button-text-color: var(--button-secondary-text-color);
}

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

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

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

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

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

[e6yb3qp-host] .svg-stroke {
  stroke: currentColor;
}
@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e6yb3qp-host] {
    --button-secondary-bg-color: rgba(255, 255, 255, 0.08);
    --button-secondary-text-color: #c0c0c0;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e6yb3qp-host] {
  --button-secondary-bg-color: rgba(255, 255, 255, 0.08);
  --button-secondary-text-color: #c0c0c0;
}[e5jz32p-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) [e5jz32p-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 [e5jz32p-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[e5jz32p][name=anchor] {
  display: flex;
}

[e5jz32p].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);
}
[e5jz32p].call-bubble slot[e5jz32p][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);
}
[e5jz32p].call-bubble [e5jz32p].arrow {
  position: absolute;
  z-index: 2;
  transform: rotate(45deg);
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background-color: var(--bubble-bg-color);
}

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

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

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

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

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

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

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

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

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

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

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

@keyframes pop-in-e5jz32p {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes pop-out-e5jz32p {
  to {
    transform: scale(0.5);
    opacity: 0;
  }
}[edruo4h-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[edruo4h],
msg-users-menu-search-bar[edruo4h] {
  flex: 0;
}

msg-users-menu-list[edruo4h] {
  flex: 1;
}[e-lb7oo7-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-lb7oo7-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-lb7oo7-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-lb7oo7] {
  cursor: pointer;
  flex: 0 1 max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
msg-tooltip[e-lb7oo7]:first-of-type {
  flex-grow: 1;
  min-width: 0;
}
msg-tooltip[e-lb7oo7]:first-child [e-lb7oo7][slot=anchor] {
  display: flex;
  max-width: 100%;
}
msg-tooltip[e-lb7oo7]:first-child [slot=anchor] msg-icon[e-lb7oo7][icon=copy] {
  display: block;
}
msg-tooltip[e-lb7oo7]:first-child [slot=anchor] msg-icon[e-lb7oo7][icon=url] {
  display: none;
}
msg-tooltip[e-lb7oo7]:first-child [slot=anchor]:hover msg-icon[e-lb7oo7][icon=copy] {
  display: none;
}
msg-tooltip[e-lb7oo7]:first-child [slot=anchor]:hover msg-icon[e-lb7oo7][icon=url] {
  display: block;
}

[e-lb7oo7-host] msg-tooltip msg-bubble {
  display: block;
  max-width: 100%;
}
[e-lb7oo7].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-lb7oo7].icon msg-icon[e-lb7oo7] {
  color: #ff7700;
}

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

[e-lb7oo7].text {
  min-width: 0;
  padding-right: 8px;
}
[e-lb7oo7].text [e-lb7oo7].title {
  font-weight: 700;
  margin-bottom: 4px;
  color: var(--join-link-primary-text-color);
}
[e-lb7oo7].text [e-lb7oo7].url, [e-lb7oo7].text [e-lb7oo7].info {
  color: var(--join-link-secondary-text-color);
}
[e-lb7oo7].text [e-lb7oo7].url {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[e-lb7oo7].text [e-lb7oo7].info {
  white-space: normal;
}[eqe9dhr-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) [eqe9dhr-host] {
    --tooltip-help-icon-color: rgba(192, 192, 192, 0.5);
  }
}
html.__ui-theme_enabled.__ui-theme_dark [eqe9dhr-host] {
  --tooltip-help-icon-color: rgba(192, 192, 192, 0.5);
}

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

[eqe9dhr].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-a4nrkq-host] {
  display: block;
  margin: 12px 12px 4px;
}

call-text-input[e-a4nrkq] {
  font-size: 12px;
}[exvztyf-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;
}
[exvztyf-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) [exvztyf-host] {
    --search-input-bg-color: #101010;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [exvztyf-host] {
  --search-input-bg-color: #101010;
}

msg-icon[exvztyf] {
  flex: 0 1 16px;
  color: var(--input-icon-color);
}
[exvztyf-host] msg-icon svg {
  pointer-events: none;
}
input[exvztyf] {
  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[exvztyf]::-moz-placeholder {
  color: var(--input-ph-color);
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input[exvztyf]::placeholder {
  color: var(--input-ph-color);
  transition: opacity 0.3s;
}
input[exvztyf]:focus::-moz-placeholder {
  opacity: 0.5;
}
input[exvztyf]:focus::placeholder {
  opacity: 0.5;
}

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

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

@media (prefers-color-scheme: dark) {
  html.__ui-theme_enabled:not(.__ui-theme_light) [e-4za7w6-host] {
    --users-menu-empty-message-color: #c0c0c0;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-4za7w6-host] {
  --users-menu-empty-message-color: #c0c0c0;
}[e-52d6rn-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) [e-52d6rn-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 [e-52d6rn-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;
}

[e-52d6rn-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);
}

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

[e-52d6rn].call-user-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  max-height: 48px;
  padding: 8px 12px;
}
[e-52d6rn].call-user-item [e-52d6rn].call-profile-card {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 8px;
       column-gap: 8px;
  cursor: pointer;
}
[e-52d6rn].call-user-item .call-profile-card [e-52d6rn].call-name {
  max-width: 178px;
  font-weight: 700;
}
[e-52d6rn].call-user-item .call-profile-card [e-52d6rn].call-state {
  color: var(--call-state-text-color);
}
[e-52d6rn].call-user-item .call-profile-card.call-shrunk [e-52d6rn].call-name {
  max-width: 154px;
}
[e-52d6rn].call-user-item [e-52d6rn].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;
}
[e-52d6rn].call-user-item .call-profile-photo *[e-52d6rn] {
  border-radius: 50%;
}
[e-52d6rn].call-user-item .call-profile-photo [e-52d6rn].call-online-mark {
  position: relative;
  bottom: 12px;
  left: 0;
  border: 2px solid var(--online-mark-border-color);
  width: 6px;
  height: 6px;
  background-color: #ff7700;
}
[e-52d6rn].call-user-item [e-52d6rn].call-caption {
  font-size: 12px;
  text-align: left;
}
[e-52d6rn].call-user-item .call-caption *[e-52d6rn] {
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}[e3m7la3-host] {
  display: block;
}

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

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

[e3m7la3-host] msg-bubble.call-participant-data-loaded .call-bubble {
  display: block;
}[e-uk1ijh-host] {
  display: block;
  padding: 4px;
}
[e-uk1ijh-host] msg-menu-separator {
  margin: 0 -4px;
}[ef2lfwf-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);
}
[ef2lfwf-host]:not([is-not-clickable]):hover {
  background-color: var(--menu-item-hover-bg-color);
}
[ef2lfwf-host][is-not-clickable] {
  cursor: auto;
}

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

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

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

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

[e-unjxnt].call-tico-description:not(:empty) {
  display: block;
  margin-top: 4px;
  font-size: 12px;
}[e-71qbz3-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) [e-71qbz3-host] {
    --menu-separator-color: rgba(255, 255, 255, 0.08);
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-71qbz3-host] {
  --menu-separator-color: rgba(255, 255, 255, 0.08);
}[ew1jpp8-host]:-webkit-full-screen {
  top: 0;
}

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

[ew1jpp8].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) {
  [ew1jpp8].call {
    --call-w: 1134px;
    --call-h: 600px;
  }
}
[ew1jpp8].call:hover msg-call-controls[ew1jpp8] {
  opacity: 1;
}
[ew1jpp8].call [ew1jpp8].control-group-item {
  margin-left: 8px;
}
[ew1jpp8].call [ew1jpp8].control-group-item:first-of-type {
  margin-left: 0;
}
[ew1jpp8].call.call-skinned header .control-group:first-child [ew1jpp8].status-group {
  border-radius: 32px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4px 10px;
  display: flex;
}
[ew1jpp8].call.call-skinned header .control-group:first-child .status-group msg-speakers[ew1jpp8] {
  margin-left: 8px;
}
[ew1jpp8].call.call-skinned header .control-group:first-child .status-group msg-speakers [ew1jpp8].label {
  color: rgba(255, 255, 255, 0.6);
}

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

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

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

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

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

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

[ew1jpp8-host] .streaming-settings .video-chat_streaming {
  z-index: 35;
  max-height: 600px;
}[epy1189-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-pkef97-host] {
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
}[e-q5fjdj-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-q5fjdj {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 1000px;
  }
}
@keyframes toast-out-e-q5fjdj {
  from {
    opacity: 1;
    max-height: 1000px;
  }
  to {
    opacity: 0;
    max-height: 0;
  }
}

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

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

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

[e-byhh69].text {
  margin: 0;
  color: #ffffff;
}
[e-byhh69].text [e-byhh69].wl {
  color: #ffffff;
}

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

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

[ez15si0-host] {
  display: block;
  border-radius: 4px;
  position: relative;
}
[ez15si0-host]:hover msg-participant-menu[ez15si0] {
  opacity: 1;
}
[ez15si0-host] msg-participant-menu {
  display: flex;
  opacity: 0;
}
[ez15si0-host] msg-participant-menu msg-bubble {
  right: 5px;
  top: 5px;
  position: absolute;
}
[ez15si0-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;
}
[ez15si0].invisible {
  visibility: hidden;
}

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

[ez15si0].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;
}
[ez15si0].wrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  transition: box-shadow 0.15s 1s;
}
[ez15si0].wrap.speaking:after {
  box-shadow: inset 0 0 1px 2px #1ebb55;
  transition-delay: 0s;
}
[ez15si0-host][is-main] [ez15si0].wrap:after,[ez15si0-host][is-mini] [ez15si0].wrap:after {
  content: none;
}

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

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

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

ul[ez15si0].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[ez15si0].indicator-group li[ez15si0] {
  display: flex;
  flex: 0 0 16px;
  align-items: center;
  margin-right: 4px;
  min-width: 0;
}
ul[ez15si0].indicator-group li[ez15si0]:last-of-type {
  margin-right: 0;
}
ul[ez15si0].indicator-group li[ez15si0].name {
  flex: 1;
}
ul[ez15si0].indicator-group li.name span[ez15si0], ul[ez15si0].indicator-group li.name msg-l10n[ez15si0] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ul[ez15si0].indicator-group li[ez15si0].name.call-conversation-id {
  flex: none;
}
ul[ez15si0].indicator-group li.name.call-conversation-id [ez15si0].conversation-id-value {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
ul[ez15si0].indicator-group li[ez15si0].network-grade[data-value=bad] {
  color: #ff5555;
}
ul[ez15si0].indicator-group li[ez15si0].network-grade[data-value=medium] {
  color: #ffb311;
}

[ez15si0].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;
}

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

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

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

@keyframes avatar-pulse-ez15si0 {
  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-ez15si0 {
  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;
  }
}[e-rnz6xs-host] {
  display: flex;
  align-items: center;
}

[e-rnz6xs].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;
}
[e-rnz6xs].indicator:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 4px;
  background-color: #ff5555;
}

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

[e-rnz6xs-host][appearance=live] [e-rnz6xs].indicator {
  background-color: #ff5555;
  color: #ffffff;
}
[e-rnz6xs-host][appearance=live] [e-rnz6xs].indicator:before {
  background-color: #ffffff;
}[e5yucqa-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) [e5yucqa-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 [e5yucqa-host] {
  --vbg-gray-item-icon-color: #c0c0c0;
  --vbg-gray-item-bg-color: #303030;
  --vbg-active-item-inset-shadow-color: #202020;
}

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

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

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

[e5yucqa].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;
}
[e5yucqa].backgrounds [e5yucqa].item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 65px;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 11px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
[e5yucqa].backgrounds .item [e5yucqa].vb-icon {
  width: 16px;
  height: 16px;
}
[e5yucqa].backgrounds .item .vb-icon msg-icon[e5yucqa] {
  max-width: 100%;
  max-height: 100%;
}
[e5yucqa].backgrounds [e5yucqa].item.custom {
  color: #ff7700;
  background: rgba(255, 119, 0, 0.08);
  border: none;
}
[e5yucqa].backgrounds [e5yucqa].item.active {
  box-shadow: inset 0 0 0 2px #ff7700, inset 0 0 0 4px var(--vbg-active-item-inset-shadow-color);
}
[e5yucqa].backgrounds [e5yucqa].item.inactive {
  box-shadow: none;
}
[e5yucqa].backgrounds [e5yucqa].item.gray {
  color: var(--vbg-gray-item-icon-color);
  background-color: var(--vbg-gray-item-bg-color);
}
[e5yucqa].backgrounds input[e5yucqa][type=file] {
  display: none;
}[e-bpiejj-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%;
}
[e-bpiejj-host] [e-bpiejj].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) [e-bpiejj-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 [e-bpiejj-host] {
  --popup-text-color: #ffffff;
  --popup-bg-color: #202020;
  --popup-close-icon-color: #7a7a7a;
  --popup-close-icon-hover-color: #3a3a3a;
}

[e-bpiejj].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;
}

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

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

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

[e-bpiejj].footer {
  display: block;
  margin: 0 -24px;
}
[e-bpiejj-host] msg-tooltip {
  margin-left: 8px;
}[ey3hiz3-host] {
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 12px;
  cursor: pointer;
  opacity: 0.8;
  color: #ffffff;
}
[ey3hiz3-host]:hover {
  opacity: 1;
}[e-fxequb-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 [e-fxequb-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 [e-fxequb-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 [e-fxequb-host] {
  --button-default-text-color: #000000;
  --button-default-bg-color: rgba(0, 0, 0, 0.08);
}

[e-fxequb-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;
}
[e-fxequb-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);
}
[e-fxequb-host][shape=circle][size=small] {
  height: 36px;
  width: 36px;
  min-width: 36px;
}
[e-fxequb-host][shape=circle][size=xsmall] {
  height: 24px;
  width: 24px;
  min-width: 24px;
}
[e-fxequb-host][shape=circle][role=primary] {
  --button-bg-color: var(--button-default-bg-color);
}
[e-fxequb-host][shape=circle][role=primary][active] {
  --button-text-color: #000000;
  --button-bg-color: #ffffff;
}
[e-fxequb-host][shape=circle][role=secondary]:not([disabled]):hover {
  --button-bg-color: var(--button-default-bg-color);
}
[e-fxequb-host][shape=circle][role=secondary][active],[e-fxequb-host][shape=circle][role=secondary][active]:not([disabled]):hover {
  --button-bg-color: #0099ff;
}
[e-fxequb-host][shape=circle][role=distraction] {
  --button-text-color: #ffffff;
  --button-bg-color: #ff5555;
}
[e-fxequb-host][shape=circle][role=accept] {
  --button-text-color: #ffffff;
  --button-bg-color: #1ebb55;
}

[e-fxequb-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;
}
[e-fxequb-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);
}
[e-fxequb-host][shape=square][size=small] {
  font-size: 12px;
  line-height: 14px;
  height: 24px;
  padding: 5px 12px;
}
[e-fxequb-host][shape=square][size=xsmall] {
  font-size: 12px;
  line-height: 14px;
  height: 16px;
  padding: 1px 12px;
}
[e-fxequb-host][shape=square][role=primary] {
  --button-text-color: #ffffff;
  --button-bg-color: #ff7700;
}
[e-fxequb-host][shape=square][role=secondary][origin=popup],[e-fxequb-host][shape=square][role=secondary][origin=settings-menu] {
  --button-bg-color: var(--button-secondary-bg-color);
  --button-text-color: var(--button-secondary-text-color);
}

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

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

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

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

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

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

[e-fxequb-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;
}

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

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

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

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

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

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

[e-qsx5a1].checkbox {
  width: 16px;
  height: 16px;
  color: transparent;
}
[e-qsx5a1].checkbox::before, [e-qsx5a1].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-qsx5a1].checkbox::before {
  border: 2px solid var(--input-border-color);
  transform: scale(1);
}
[e-qsx5a1].checkbox::after {
  background: #ff7700;
  transform: scale(0);
}

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

[e-qsx5a1].toggle {
  position: relative;
  display: inline-block;
  width: 36px;
}
[e-qsx5a1].toggle:before {
  content: "";
  display: block;
  height: 20px;
  width: 100%;
  border-radius: 10px;
  background-color: var(--toggle-bg-color);
}
[e-qsx5a1].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-qsx5a1][type=checkbox]:checked + [e-qsx5a1].toggle {
  color: var(--input-label-text-color);
}
input[e-qsx5a1][type=checkbox]:checked + [e-qsx5a1].toggle:before {
  background: var(--toggle-active-bg-color);
}
input[e-qsx5a1][type=checkbox]:checked + [e-qsx5a1].toggle:after {
  transform: translateX(16px);
}

msg-icon[e-qsx5a1] {
  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-qsx5a1] {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: inherit;
}
slot[e-qsx5a1]:not(:empty) {
  margin-left: 8px;
}[e-pxl78b-host] {
  display: flex;
  position: relative;
}
[e-pxl78b-host] [e-pxl78b].video {
  width: 100%;
  height: 100%;
  background-color: #000000;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotateY(180deg);
}
[e-pxl78b-host] [e-pxl78b].video.unmirror {
  transform: none;
}
[e-pxl78b-host] slot {
  display: block;
  width: 100%;
  height: 100%;
}
[e-pxl78b-host] slot .canvas {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}[e-u2achg-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-u2achg-host] {
    --camera-error-text-color: #c0c0c0;
    --camera-error-bg-color: #303030;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [e-u2achg-host] {
  --camera-error-text-color: #c0c0c0;
  --camera-error-bg-color: #303030;
}

[e-u2achg].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-u2achg].camera-error [e-u2achg].vb-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 12px;
}
[e-u2achg].camera-error [e-u2achg].text {
  margin: 0 40px;
  text-align: center;
}[e6m3j7s-host] {
  display: block;
  cursor: auto;
  text-align: left;
}
[e6m3j7s-host] .popup {
  width: 400px;
  height: 201px;
  box-sizing: border-box;
}
[e6m3j7s-host] .popup header {
  padding: 22px 0;
}
[e6m3j7s-host] .popup input {
  display: none;
}
[e6m3j7s-host] .popup [slot=content] {
  font-size: 14px;
  line-height: 19px;
}
[e6m3j7s-host] .popup .footer {
  margin: 0;
}
[e6m3j7s-host] .popup .footer [slot=footer] {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 24px 0;
}[eyz64ka-host] {
  --call-skins-active-item-box-shadow-color: #ffffff;
  --call-skins-gray-item-bg-color: #f7f7f7;
  --call-skins-gray-item-color: #505050;
}
[eyz64ka-host] [eyz64ka].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;
}
[eyz64ka-host] .call-skins [eyz64ka].call-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 84px;
  background-color: transparent;
  font-size: 11px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: none;
  background-size: contain;
}
[eyz64ka-host] .call-skins .call-item msg-icon[eyz64ka] {
  width: 16px;
  height: 16px;
}
[eyz64ka-host] .call-skins [eyz64ka].call-item.call-active {
  box-shadow: inset 0 0 0 2px #ff7700, inset 0 0 0 4px var(--call-skins-active-item-box-shadow-color);
}
[eyz64ka-host] .call-skins [eyz64ka].call-item.call-gray {
  background-color: var(--call-skins-gray-item-bg-color);
  color: var(--call-skins-gray-item-color);
}
[eyz64ka-host] [eyz64ka].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) [eyz64ka-host] {
    --call-skins-active-item-box-shadow-color: #202020;
    --call-skins-gray-item-bg-color: #303030;
    --call-skins-gray-item-color: #c0c0c0;
  }
}
html.__ui-theme_enabled.__ui-theme_dark [eyz64ka-host] {
  --call-skins-active-item-box-shadow-color: #202020;
  --call-skins-gray-item-bg-color: #303030;
  --call-skins-gray-item-color: #c0c0c0;
}msg-menu[e-mkv3e5] {
  text-align: left;
  width: 320px;
}
[e-mkv3e5-host] msg-menu-item msg-tico msg-button {
  margin-top: 4px;
}
[e-mkv3e5-host] msg-menu-item.active msg-tico msg-icon, [e-mkv3e5-host] msg-menu-item.active msg-tico .call-tico-title {
  color: #ff5555;
}
[e-mkv3e5].devices {
  overflow: hidden;
}
[e-mkv3e5].devices msg-menu-item[e-mkv3e5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[e-mkv3e5].devices [e-mkv3e5].lbl {
  margin-left: 24px;
}

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

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

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

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

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

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

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

[edhctcj].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;
}[exj5q24-host] {
  display: flex;
}
[exj5q24-host] msg-popup-video[exj5q24],[exj5q24-host] [exj5q24].settings {
  width: 424px;
  height: 324px;
}

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

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

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

[e65o2ux].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;
}

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

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

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

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

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

[e-c4udav].more {
  flex-basis: max-content;
  margin-left: 0.4em;
  white-space: nowrap;
}[eccb4bo-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;
}

[eccb4bo].container {
  height: 100%;
}
[eccb4bo-host][show-link] [eccb4bo].container {
  height: 320px;
}
[eccb4bo].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;
}
[eccb4bo].container:hover:after {
  opacity: 1;
}

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

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

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

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

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

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

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

[exnvo7e].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) {
  [exnvo7e].call {
    --call-w: 1134px;
    --call-h: 600px;
  }
}

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

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

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

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

[exnvo7e].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%);
}

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

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

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

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

@keyframes hide-exnvo7e {
  to {
    bottom: -80px;
    opacity: 0;
  }
}[e-42fhch-host] {
  display: block;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

[e-42fhch].buttons {
  margin-top: 20px;
}