/* TALKCHAT_R19C12R7_CONFERENCE_LIVE_BUBBLE */
/* Referans conference teaser görünümü; r19c12r5 auto-listener ile uyumlu. */
.ref-composer-wrap{position:relative}
.reference-conference-teaser-layer.conference-live-count-bubble{
  position:absolute;
  z-index:64;
  width:max-content;
  max-width:min(240px,calc(100% - 1.5rem));
  pointer-events:auto;
}
.reference-conference-teaser-layer.conference-live-count-bubble button{
  position:relative;
  display:block;
  max-width:100%;
  border:0;
  border-radius:.4rem;
  background:#e8f3fc;
  padding:9px 12px;
  color:#3d8fd4;
  box-shadow:0 4px 14px rgba(61,143,212,.20);
  font-size:.74rem;
  font-weight:600;
  line-height:1.1;
  text-align:left;
  cursor:pointer;
  animation:talkchat-r19c12r7-live-in .34s cubic-bezier(.16,1,.3,1) both;
}
.reference-conference-teaser-layer.conference-live-count-bubble button span{
  display:inline-flex;
  max-width:100%;
  align-items:center;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.reference-conference-teaser-layer.conference-live-count-bubble .reference-conference-teaser-arrow{
  position:absolute;
  bottom:-3px;
  width:8px;
  height:8px;
  border-radius:1px;
  background:#e8f3fc;
  transform:rotate(45deg);
}
.reference-conference-teaser-layer.conference-live-count-bubble.is-leaving button{
  animation:talkchat-r19c12r7-live-out .42s ease both;
}
@keyframes talkchat-r19c12r7-live-in{
  from{opacity:0;transform:translateY(8px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes talkchat-r19c12r7-live-out{
  from{opacity:1;transform:translateY(0) scale(1)}
  to{opacity:0;transform:translateY(5px) scale(.98)}
}
@media (max-width:767px){
  .reference-conference-teaser-layer.conference-live-count-bubble{max-width:min(220px,calc(100% - 1rem))}
  .reference-conference-teaser-layer.conference-live-count-bubble button{padding:8px 10px;font-size:.72rem}
}