/* Compact presenter slot. Reserve its space before JavaScript reveals it. */
.fb-question-top{min-width:0}
.fb-question-top.fb-presenter-slot{
  display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:10px;
  min-height:180px
}
.fb-question-top .fb-question-main{min-width:0}
.fb-question-row-live{position:relative;min-width:0}
.fb-question-row-live.fb-presenter-slot-live{display:block;min-width:0}
.fb-question-row-live.fb-presenter-slot-live #live-stage{width:100%;min-width:0;box-sizing:border-box}
.fb-question-row-live.fb-presenter-slot-live>.fb-presenter{
  position:absolute;z-index:3;right:14px;top:auto;bottom:0;width:104px;max-width:104px;margin:0
}
.fb-question-row-live.fb-presenter-slot-live #live-stage .live-question{
  padding-right:118px;margin-bottom:58px
}
.live-main-column>.fb-question-row-live.fb-presenter-slot-live>#live-stage{
  min-height:210px;padding:clamp(22px,3vw,34px);
  background:linear-gradient(145deg,#fff,#f8fbff)
}
.fb-presenter[hidden]{display:none!important}
.fb-presenter{
  position:relative;display:flex;flex-direction:column;align-items:center;
  justify-content:flex-end;isolation:isolate;min-width:0;width:100%;max-width:112px;
  margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none;
  color:inherit;text-align:center;line-height:1.2
}
.fb-presenter-bubble{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;height:36px;box-sizing:border-box;padding:4px 7px;
  font-size:11px;line-height:1.2;font-weight:800;color:#15386c;
  background:#ecf5ff;border:1px solid #adceff;border-radius:13px;
  box-shadow:0 3px 10px rgba(20,65,130,.11);overflow:hidden;
  overflow-wrap:anywhere;text-wrap:balance
}
.fb-presenter-bubble::after{
  content:"";position:absolute;bottom:-5px;left:55%;height:8px;width:8px;
  background:#ecf5ff;border-right:1px solid #adceff;border-bottom:1px solid #adceff;
  transform:rotate(45deg)
}
.fb-presenter-speak{
  display:block;position:relative;flex:0 0 auto;width:100%;aspect-ratio:360 / 372;
  padding:0;margin:5px 0 0;border:0;background:transparent;box-shadow:none;
  cursor:pointer;appearance:none;-webkit-appearance:none;line-height:0
}
.fb-presenter-speak:focus-visible{outline:3px solid #1670e5;outline-offset:3px;border-radius:12px}
.fb-presenter-portrait{
  display:block;position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;object-position:bottom center;
  filter:drop-shadow(0 5px 6px rgba(20,51,88,.16));
  opacity:1;transition:none!important;transform-origin:50% 100%;animation:fb-presenter-breathe 3.6s ease-in-out infinite;will-change:transform
}
.fb-presenter-portrait[data-fb-frame-layer]{
  opacity:0;pointer-events:none;will-change:opacity;filter:none;
  clip-path:inset(4% 25% 58% 38% round 14px);
  transition:opacity 75ms ease-in-out!important
}
.fb-presenter-speak[data-fb-frame="talk"] .fb-presenter-portrait[data-fb-frame-layer="talk"],
.fb-presenter-speak[data-fb-frame="wide"] .fb-presenter-portrait[data-fb-frame-layer="wide"],
.fb-presenter-speak[data-fb-frame="blink"] .fb-presenter-portrait[data-fb-frame-layer="blink"]{opacity:1}
.fb-presenter-private{
  display:inline-block;position:relative;z-index:2;order:3;
  font-size:9px;font-weight:700;line-height:1.3;border-radius:6px;
  padding:3px 5px;color:#1857ab;background:#e3efff;border:1px solid #bdd6f9;
  white-space:nowrap;margin-top:3px
}
.fb-presenter-status{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0
}
.fb-presenter.is-reading .fb-presenter-bubble{border-color:#65a9ff}
.fb-presenter.is-reacting .fb-presenter-bubble{border-color:#65a9ff;animation:fb-presenter-reaction-pop 220ms ease-out}
.fb-presenter-speak.fb-presenter-answer-reaction{animation:fb-presenter-answer-bounce 760ms cubic-bezier(.18,.75,.35,1) both}
.fb-presenter.is-presenting .fb-presenter-speak{animation:fb-presenter-presenting 720ms cubic-bezier(.2,.75,.25,1) both}
.fb-presenter.is-timer-warning .fb-presenter-bubble{animation:fb-presenter-reaction-pop 300ms ease-out}
.fb-presenter.is-celebrating .fb-presenter-speak{animation:fb-presenter-celebrate 1050ms cubic-bezier(.18,.75,.35,1) both}
.fb-presenter.is-reading .fb-presenter-portrait{filter:drop-shadow(0 6px 7px rgba(18,72,155,.24))}

@media(max-width:750px){
  .fb-question-top.fb-presenter-slot{
    grid-template-columns:minmax(0,1fr) 88px;gap:5px;min-height:150px
  }
  .fb-question-row-live.fb-presenter-slot-live>.fb-presenter{
    right:10px;bottom:0;width:92px;max-width:92px
  }
  .fb-question-row-live.fb-presenter-slot-live #live-stage .live-question{padding-right:104px}
  .fb-presenter-bubble{height:34px;font-size:11px;padding:4px 5px}
}
@media(max-width:480px){
  .fb-question-top.fb-presenter-slot{grid-template-columns:minmax(0,1fr) 72px;min-height:136px}
  .fb-presenter-bubble{height:31px;font-size:10px;padding:3px 4px}
  .fb-presenter-private{font-size:8px;padding:2px 4px}
  /* Float the small presenter inside the full-width live question card. */
  .fb-question-row-live.fb-presenter-slot-live>.fb-presenter{
    right:8px;top:auto;bottom:0;width:74px;max-width:74px
  }
  .fb-question-row-live.fb-presenter-slot-live #live-stage .live-question{
    padding-right:86px;margin-bottom:58px
  }
}
@keyframes fb-presenter-answer-bounce{
  0%{transform:translateY(0) scale(1) rotate(0)}
  18%{transform:translateY(-4px) scale(1.035) rotate(-1.2deg)}
  38%{transform:translateY(0) scale(.99) rotate(.6deg)}
  58%{transform:translateY(-2px) scale(1.015) rotate(-.4deg)}
  80%,100%{transform:translateY(0) scale(1) rotate(0)}
}
@keyframes fb-presenter-presenting{
  0%,100%{transform:translateY(0) rotate(0)}
  28%{transform:translateY(-3px) rotate(-1deg)}
  58%{transform:translateY(0) rotate(.5deg)}
}
@keyframes fb-presenter-celebrate{
  0%,100%{transform:translateY(0) rotate(0) scale(1)}
  24%{transform:translateY(-5px) rotate(-2deg) scale(1.03)}
  48%{transform:translateY(0) rotate(1.2deg) scale(1)}
  70%{transform:translateY(-3px) rotate(-.8deg)}
}
@keyframes fb-presenter-reaction-pop{
  0%{transform:scale(.92)}
  72%{transform:scale(1.035)}
  100%{transform:scale(1)}
}
@keyframes fb-presenter-breathe{
  0%,100%{transform:translateY(0) scale(1) rotate(0)}
  50%{transform:translateY(-1px) scale(1.012) rotate(.12deg)}
}
.fb-presenter.is-reading .fb-presenter-portrait{animation-duration:1.55s}
@media(prefers-reduced-motion:reduce){
  .fb-presenter *{animation:none!important;transition:none!important}
}