@import url('./p-mark.css?v=p-ecbbb02c1b2e');

.simple-live-phone-body {
  margin: 0;
}

.participant-live-view {
  --participant-live-accent: #c8ff2f;
  --participant-live-accent-text: #000000;
  --participant-live-bg: #101217;
  --participant-live-edge: clamp(1.25rem, 5vw, 2rem);
  --participant-live-fg: #f7f8fa;
  box-sizing: border-box;
  color-scheme: light dark;
  min-height: 100dvh;
  margin: 0;
  padding-block-start: calc(var(--participant-live-edge) + env(safe-area-inset-top, 0px));
  padding-inline-end: calc(var(--participant-live-edge) + env(safe-area-inset-right, 0px));
  padding-block-end: calc(var(--participant-live-edge) + env(safe-area-inset-bottom, 0px));
  padding-inline-start: calc(var(--participant-live-edge) + env(safe-area-inset-left, 0px));
  overflow-x: clip;
  overflow-wrap: anywhere;
  color: var(--participant-live-fg);
  background: var(--participant-live-bg);
  font-family: Aptos, "Segoe UI", sans-serif;
}

.participant-live-view[data-theme="light"] {
  --participant-live-bg: #f7f7f4;
  --participant-live-fg: #15171b;
}

.participant-live-static,
.participant-live-question,
.participant-live-answer-hunt {
  box-sizing:border-box;
  width:min(100%,38rem);
  min-height:calc(100dvh - var(--participant-live-edge) - var(--participant-live-edge) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  margin-inline:auto;
}
.participant-live-answer-hunt { display:flex; flex-direction:column; gap:12px; user-select:none; -webkit-user-select:none; }
.participant-live-answer-hunt-title { margin:0; font-size:clamp(1.6rem,7vw,2.3rem); font-weight:400; line-height:1.15; text-align:center; }
.participant-live-answer-hunt-hint { margin:0; color:var(--participant-live-fg); opacity:.65; text-align:center; font-size:.95rem; }
.participant-live-answer-hunt-pad {
  --finger-x:50%; --finger-y:50%;
  --swipe-ink:var(--participant-live-accent);
  position:relative; flex:1; min-height:50dvh; width:100%; overflow:hidden;
  border-radius:18px; background:color-mix(in srgb,var(--participant-live-fg) 5%,var(--participant-live-bg));
  touch-action:none; cursor:grab; -webkit-tap-highlight-color:transparent;
}
.participant-live-answer-hunt-pad:focus-visible { outline:2px solid var(--participant-live-accent); outline-offset:3px; }
.participant-live-answer-hunt-pad[data-dragging="true"] { cursor:grabbing; }
.participant-live-view[data-theme="light"] .participant-live-answer-hunt-pad { --swipe-ink:color-mix(in srgb,var(--participant-live-accent) 65%,var(--participant-live-fg)); }
.participant-live-answer-hunt-trail { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:0; transition:opacity 480ms ease-out; }
.participant-live-answer-hunt-trail path { fill:none; stroke:var(--swipe-ink); stroke-width:5px; stroke-linecap:round; stroke-linejoin:round; }
.participant-live-answer-hunt-dot { position:absolute; pointer-events:none; left:var(--finger-x); top:var(--finger-y); width:14px; height:14px; border-radius:50%; background:var(--swipe-ink); transform:translate(-50%,-50%); opacity:0; transition:opacity 480ms ease-out; }
.participant-live-answer-hunt-pad[data-dragging="true"] .participant-live-answer-hunt-trail,
.participant-live-answer-hunt-pad[data-dragging="true"] .participant-live-answer-hunt-dot { opacity:1; transition:none; }
@media (prefers-reduced-motion:reduce) { .participant-live-answer-hunt-trail,.participant-live-answer-hunt-dot { transition:none; } }
.participant-live-answer-hunt-status { min-height:1.4em; text-align:center; font-size:.95rem; }
.participant-live-answer-hunt-failed { display:none; }
.participant-live-view[data-answer-hunt-failed="true"] .participant-live-answer-hunt-failed { display:inline; }

.participant-live-static {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 1.5rem;
  text-align: center;
}

.participant-live-slide-text {
  max-width: 28ch;
  margin: 0;
  font-size: clamp(1.35rem, 6vw, 2rem);
  line-height: 1.25;
}

.participant-live-completion {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 0.25rem;
  margin-block-start: 0.1rem;
  animation: participant-live-completion-arrive 680ms cubic-bezier(.16, 1, .3, 1) both;
}

.participant-live-completion-mark {
  position: relative;
  display: grid;
  width: 3.15rem;
  height: 3.15rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  place-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.participant-live-completion-mark:focus-visible {
  outline: 1px solid var(--participant-live-accent);
  outline-offset: 3px;
}

.participant-live-completion-star {
  position: relative;
  z-index: 1;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1 / 1;
  overflow: visible;
  fill: var(--participant-live-accent);
  filter: drop-shadow(0 0 0.45rem color-mix(in srgb, var(--participant-live-accent) 24%, transparent));
}

.participant-live-completion-orbit {
  position: absolute;
  inset: 0.28rem;
  border: 0;
  border-radius: 50%;
  transform: rotate(-24deg);
  animation: participant-live-completion-orbit 1800ms cubic-bezier(.4, 0, .2, 1) both;
}

.participant-live-completion-meteor {
  position: absolute;
  top: -0.12rem;
  left: 50%;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  background: var(--participant-live-accent);
  box-shadow: 0 0 0.35rem color-mix(in srgb, var(--participant-live-accent) 62%, transparent);
  transform: translateX(-50%);
}

.participant-live-completion-meteor::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.12rem;
  width: 0.52rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--participant-live-accent) 60%, transparent));
  transform: translateY(-50%) rotate(-7deg);
  transform-origin: right center;
}

.participant-live-completion-result {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 50%;
  margin: 0;
  color: color-mix(in srgb, var(--participant-live-fg) 72%, transparent);
  font-size: .8125rem;
  line-height: 1.35;
  transform: translateX(-50%);
  white-space: nowrap;
}

@keyframes participant-live-completion-arrive {
  from {
    opacity: 0;
    transform: translateY(0.32rem) scale(.9);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes participant-live-completion-orbit {
  from { transform: rotate(-24deg); }
  to { transform: rotate(696deg); }
}

.participant-live-question {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
  padding-block-start: clamp(3.25rem, 12dvh, 6.5rem);
}

.participant-live-question-heading {
  display: grid;
  gap: 0.375rem;
  margin-block-end: clamp(1.75rem, 4.5dvh, 2.5rem);
  padding-inline: 0.875rem;
}

.participant-live-round-marker {
  margin: 0;
  color: var(--participant-live-accent);
  font-size: clamp(1rem, 4vw, 1.2rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.025em;
}

.participant-live-question-text {
  max-width: 22ch;
  margin: 0;
  font-size: clamp(1.85rem, 7.5vw, 2.65rem);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.participant-live-previous-answer {
  margin: 0.25rem 0 0;
  color: color-mix(in srgb, var(--participant-live-fg) 68%, transparent);
  font-size: clamp(0.95rem, 3.8vw, 1.1rem);
  line-height: 1.3;
}

.participant-live-choices {
  display: grid;
  gap: 0;
  margin-block-end: 1rem;
}

.participant-live-choice {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  min-height: 4.25rem;
  padding: 1rem 0.875rem;
  align-items: center;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  font-size: clamp(1.05rem, 4.8vw, 1.35rem);
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color 120ms ease-out, color 120ms ease-out, transform 80ms ease-out;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.participant-live-choice-text {
  min-width: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.participant-live-choice + .participant-live-choice {
  border-top: 1px solid color-mix(in srgb, var(--participant-live-fg) 22%, transparent);
}

.participant-live-choice.selected {
  color: var(--participant-live-accent-text);
  background: var(--participant-live-accent);
}

.participant-live-choice-muted {
  color: color-mix(in srgb, var(--participant-live-fg) 48%, transparent);
}

.participant-live-choice-sending {
  pointer-events: none;
  color: var(--participant-live-accent-text);
  background: var(--participant-live-accent);
  box-shadow: 0 0 1.5rem color-mix(in srgb, var(--participant-live-accent) 12%, transparent);
  transform-origin: center;
  will-change: transform, opacity, box-shadow;
  animation: participant-live-choice-send 540ms cubic-bezier(.45, .05, .7, .35) both;
}

.participant-live-choice-received {
  transform-origin: center;
  will-change: transform, opacity, box-shadow;
  animation: participant-live-choice-receive 620ms cubic-bezier(.16, 1, .3, 1) both;
}

.participant-live-choice:active {
  transform: scale(0.995);
}

.participant-live-choice:active:not(.selected) {
  background: color-mix(in srgb, var(--participant-live-accent) 12%, transparent);
}

.participant-live-choice:focus-visible {
  outline: 0.2rem solid var(--participant-live-accent);
  outline-offset: 0.15rem;
}

.participant-live-vote-feedback {
  display: grid;
  align-content: start;
  gap: 0.3rem;
  min-height: 4rem;
  margin: 0;
  padding-inline: 0.875rem;
}

.participant-live-vote-feedback-primary,
.participant-live-vote-feedback-secondary {
  margin: 0;
}

.participant-live-vote-feedback-received {
  animation: participant-live-feedback-receive 420ms 140ms cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes participant-live-choice-send {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  18% {
    opacity: 1;
    transform: translateX(0.4rem) scale(0.99);
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 0 transparent;
    transform: translateX(calc(100% + var(--participant-live-edge))) scale(0.985);
  }
}

@keyframes participant-live-choice-receive {
  0% {
    opacity: 0;
    box-shadow: 0 0 0 transparent;
    transform: translateX(calc(-100% - var(--participant-live-edge))) scale(0.985);
  }

  72% {
    opacity: 1;
    box-shadow: 0 0 1.75rem color-mix(in srgb, var(--participant-live-accent) 18%, transparent);
    transform: translateX(0.3rem) scale(1);
  }

  100% {
    opacity: 1;
    box-shadow: 0 0 0 transparent;
    transform: translateX(0);
  }
}

@keyframes participant-live-feedback-receive {
  from {
    opacity: 0;
    transform: translateX(-0.75rem);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.participant-live-vote-feedback-primary {
  font-size: 1rem;
  font-weight: 500;
}

.participant-live-vote-feedback-secondary {
  color: color-mix(in srgb, var(--participant-live-fg) 68%, transparent);
  font-size: 0.9rem;
  line-height: 1.35;
}



.participant-live-question-enter {
  animation: participant-live-question-enter 160ms ease-out both;
}

@keyframes participant-live-question-enter {
  from {
    opacity: 0;
    transform: translateY(0.375rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .participant-live-completion,
  .participant-live-completion-orbit { animation: none; }
  .participant-live-completion-orbit { transform: rotate(24deg); }
  .participant-live-question-enter { animation: none; }
  .participant-live-choice { transition: none; }
  .participant-live-choice-sending,
  .participant-live-choice-received,
  .participant-live-vote-feedback-received { animation: none; }
}

@media (max-width: 23rem) {
  .participant-live-view {
    --participant-live-edge: 1rem;
  }

  .participant-live-choice { padding-inline: 0.65rem; }
  .participant-live-question-heading,
  .participant-live-vote-feedback { padding-inline: 0.65rem; }
}

@media (max-height: 44rem) {
  .participant-live-question {
    padding-block-start: clamp(2rem, 8dvh, 3.5rem);
  }
}
/* Ordinary questions with several correct choices submit one selection set. */
.participant-live-multiple-question { padding-block-start: 1rem; }
.participant-live-multiple-question .participant-live-question-heading { margin-block-end: 1rem; }
.participant-live-multiple-question .participant-live-choices { margin-block-end: 0; }
.participant-live-multiple-question .participant-live-choice { min-height: 3.5rem; padding-block: .75rem; }
.participant-live-multiple-question .participant-live-vote-feedback { min-height: 2rem; padding-top: .75rem; }
.participant-live-multiple-instruction,
.participant-live-selection-count {
  margin: 12px 0 4px;
  font-size: 14px;
  opacity: .75;
}
.participant-live-multiple-choice {
  display: flex;
  align-items: center;
  gap: 12px;
}
.participant-live-checkbox-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 1.5px solid currentColor;
  border-radius: 3px;
  font-size: 18px;
  line-height: 1;
}
.participant-live-submit {
  width: 100%;
  min-height: 48px;
  margin-top: 12px;
  border: 1px solid currentColor;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.participant-live-submit:disabled { opacity: .4; cursor: default; }
.participant-live-submit:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

.connection-status{position:sticky;top:0;z-index:20;background:#c5ff31;color:#160707;text-align:center;padding:10px 16px;margin:0;font:16px/1.4 Arial,sans-serif;box-sizing:border-box;overflow-wrap:anywhere}
.connection-status p{margin:0}
.connection-status[data-manual="true"]{padding:24px max(20px,env(safe-area-inset-left));background:#101217;color:#f7f8fa}
.connection-status[data-manual="true"] .connection-message{font-size:23px;font-weight:600;margin:0 auto 18px;max-width:24ch}
.connection-status[data-manual="true"] p{max-width:32ch;margin-inline:auto}
.connection-status .connection-code{font-size:40px;line-height:1.3;font-weight:600;letter-spacing:.16em;margin:12px auto 18px}
.connection-status .connection-help{margin:12px auto 18px}
.connection-entry{display:block;box-sizing:border-box;max-width:360px;margin:16px auto 0;padding:16px;border-radius:8px;background:#c8ff2f;color:#101217;font-size:20px;font-weight:600;text-decoration:none}
.connection-entry:focus-visible{outline:3px solid #fff;outline-offset:4px}
.connection-status[data-exhausted="true"]{min-height:100dvh;padding-top:max(48px,15dvh)}
.participant-live-view[hidden]{display:none}
.rejoin-session{display:block;padding:12px 20px;text-align:center;color:#f7f8fa;background:#101217;font:16px/1.4 Arial,sans-serif}.connection-status[hidden],.rejoin-session[hidden]{display:none}
.simple-live-phone-body:has(.participant-live-view[data-theme="light"]) .rejoin-session{color:#15171b;background:#f7f7f4}

.exercise-phone .participant-live-question-heading{gap:.875rem}
.exercise-phone .participant-live-question-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(1.2rem,5vw,1.75rem);line-height:1.3}
.exercise-phone .participant-live-choices{gap:.5rem}

.draw-phone .participant-live-question-heading{gap:.75rem}
.draw-phone .participant-live-question-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(1.2rem,5vw,1.75rem);line-height:1.3}
.draw-phone-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:1.5rem 1.25rem;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.participant-live-view[data-theme="light"] .draw-phone-card{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.1)}
.draw-phone-winner .draw-phone-card{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.42);box-shadow:0 12px 32px rgba(34,197,94,.14)}
.draw-phone-confetti{font-size:2rem;line-height:1;letter-spacing:.25rem;animation:drawWinnerPulse 1.4s ease-in-out infinite}
.draw-phone-number{font-size:clamp(2.1rem,8vw,2.75rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin:.1rem 0}
@keyframes drawWinnerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.draw-phone-winner-title,.draw-phone-status-title{margin:0;font-size:clamp(1.25rem,5vw,1.6rem);font-weight:700;line-height:1.25}
.draw-phone-winner-subtitle,.draw-phone-status-subtitle{margin:0;font-size:.95rem;line-height:1.45;opacity:.82;max-width:30ch}
.draw-phone-claim-button{width:100%;max-width:18rem;margin-top:.35rem;justify-content:center;font-weight:600;text-align:center}
.draw-phone-tickets{margin:.25rem 0 0;font-size:.82rem;opacity:.68}
.scale-phone .participant-live-question-heading{gap:.75rem}
.scale-phone .participant-live-question-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(1.2rem,5vw,1.75rem);line-height:1.3}
.scale-phone-card{display:flex;flex-direction:column;gap:1.1rem;padding:1.35rem 1.25rem 1.2rem;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.participant-live-view[data-theme="light"] .scale-phone-card{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.1)}
.scale-phone-poles{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;font-size:.95rem;font-weight:600;line-height:1.3}
.scale-phone-pole{max-width:46%;overflow-wrap:anywhere}
.scale-phone-pole--right{text-align:right}
.scale-phone-track-area{position:relative;display:flex;align-items:center;min-height:56px;padding:0 14px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:12px}
.scale-phone-track-area:focus-visible{outline:2px solid var(--participant-live-accent,#3da575);outline-offset:3px}
.scale-phone-track{position:relative;width:100%;height:8px;border-radius:999px;background:rgba(255,255,255,.2)}
.participant-live-view[data-theme="light"] .scale-phone-track{background:rgba(15,23,42,.18)}
.scale-phone-center-tick{position:absolute;left:50%;top:50%;width:2px;height:18px;transform:translate(-50%,-50%);border-radius:999px;background:rgba(255,255,255,.28);pointer-events:none}
.participant-live-view[data-theme="light"] .scale-phone-center-tick{background:rgba(15,23,42,.24)}
.scale-phone-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--participant-live-accent,#3da575);opacity:.45;pointer-events:none}
.scale-phone-thumb{position:absolute;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:var(--participant-live-accent,#3da575);border:3px solid #101217;box-shadow:0 4px 14px rgba(0,0,0,.35);pointer-events:none;transition:transform .12s ease}
.participant-live-view[data-theme="light"] .scale-phone-thumb{border-color:#f7f7f4}
.scale-phone[data-dragging="true"] .scale-phone-thumb{transform:translate(-50%,-50%) scale(1.16)}
.scale-phone-hint{margin:0;text-align:center;font-size:.86rem;line-height:1.4;opacity:.75}
.simple-live-phone-body:has(.participant-live-view:not([hidden]) > .heatmap-phone){display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
.participant-live-view:not([hidden]):has(> .heatmap-phone),
.phone-fullscreen-page > .participant-live-view:not([hidden]):has(> .heatmap-phone){display:flex;flex-direction:column;flex:1 1 0%;min-height:0;width:100%;padding-block-start:calc(50px + env(safe-area-inset-top,0px));padding-block-end:max(6px,env(safe-area-inset-bottom,0px));padding-inline-start:max(6px,env(safe-area-inset-left,0px));padding-inline-end:max(6px,env(safe-area-inset-right,0px));overflow:hidden}
.phone-fullscreen-page:has(> #phoneFullscreenButton[hidden]) > .participant-live-view:not([hidden]):has(> .heatmap-phone){padding-block-start:max(6px,env(safe-area-inset-top,0px))}
@media (orientation:landscape){
  .participant-live-view:not([hidden]):has(> .heatmap-phone),
  .phone-fullscreen-page > .participant-live-view:not([hidden]):has(> .heatmap-phone){padding-block-start:max(6px,env(safe-area-inset-top,0px));padding-block-end:max(6px,env(safe-area-inset-bottom,0px));padding-inline-start:max(8px,env(safe-area-inset-left,0px));padding-inline-end:calc(52px + env(safe-area-inset-right,0px))}
  .phone-fullscreen-page:has(> #phoneFullscreenButton[hidden]) > .participant-live-view:not([hidden]):has(> .heatmap-phone){padding-inline-end:max(8px,env(safe-area-inset-right,0px))}
}
.heatmap-phone{box-sizing:border-box;flex:1 1 0%;width:100%;height:100%;min-height:0;margin:0;padding:0;display:grid;place-items:center;container-type:size}
.heatmap-phone-pad{--hm-permille:563;box-sizing:border-box;position:relative;width:min(100cqw,calc(100cqh * 1000 / var(--hm-permille)));height:min(100cqh,calc(100cqw * var(--hm-permille) / 1000));max-width:100%;max-height:100%;aspect-ratio:1000 / var(--hm-permille);overflow:hidden;border-radius:10px;background:#1a2027;border:1px solid rgba(255,255,255,.16);cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}
.participant-live-view[data-theme="light"] .heatmap-phone-pad{background:#e7ebf0;border-color:rgba(15,23,42,.18)}
.heatmap-phone-pad:focus-visible{outline:2px solid var(--participant-live-accent,#3da575);outline-offset:2px}
.heatmap-phone-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.96;pointer-events:none}
.heatmap-phone-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px);background-size:33.333% 33.333%;pointer-events:none}
.participant-live-view[data-theme="light"] .heatmap-phone-grid{background-image:linear-gradient(to right,rgba(15,23,42,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.09) 1px,transparent 1px)}
.heatmap-phone-pin{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);pointer-events:none;transition:transform .1s ease}
.heatmap-phone[data-dragging="true"] .heatmap-phone-pin{transform:translate(-50%,-50%) scale(1.18)}
.heatmap-phone-pin-ring{position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.heatmap-phone-pin-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:var(--participant-live-accent,#3da575);border:2px solid #101217}