/* MeetnBiz 3.62: keep live reaction bursts visible over the phone video. */
.live-reaction-bursts {
  z-index: 40;
  isolation: isolate;
}

.live-reaction-bursts span {
  will-change: transform, opacity;
  text-shadow: 0 2px 8px #000, 0 0 2px #fff;
}

.live-reactions button:active {
  background: #ffffff42;
  transform: scale(.92);
}

@media (max-width: 760px) {
  .broadcast-studio {
    overflow: hidden;
  }

  .broadcast-studio .live-reaction-bursts {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: clamp(230px, 68vw, 420px);
    max-height: 68vh;
    overflow: hidden;
    transform: translateZ(0);
  }

  .broadcast-studio .live-reaction-bursts span {
    bottom: 54px;
    font-size: clamp(34px, 11vw, 54px);
    animation-duration: 1.35s;
  }

  .live-reactions {
    position: relative;
    z-index: 45;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .live-reactions button {
    min-width: 46px;
    min-height: 48px;
    touch-action: manipulation;
  }

  .live-reactions button span {
    font-size: 24px;
    line-height: 1.15;
  }
}

@media (prefers-reduced-motion: reduce) {
  .live-reaction-bursts span {
    animation-duration: .7s !important;
    animation-iteration-count: 1 !important;
  }
}