.output-tip-live,
.ohv2-live-status.output-tip-live{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:4px;
  padding:2px 7px;
  border:1px solid rgba(102,211,158,.28);
  border-radius:999px;
  color:#66d39e;
  font:700 .6rem var(--mono);
  letter-spacing:.04em;
  line-height:1.25;
  text-transform:uppercase;
  white-space:nowrap;
}
.output-tip-live::before,
.ohv2-live-status.output-tip-live::before{
  content:'';
  width:5px;
  height:5px;
  flex:0 0 auto;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 3px rgba(102,211,158,.10);
}
.output-tip-live[data-state="checking"],
.output-tip-live[data-state="verifying"],
.output-tip-live[data-state="retrying"]{
  color:var(--muted);
  border-color:var(--border);
}
.output-tip-live[data-state="updating"]{
  color:var(--btcAccent);
  border-color:rgba(247,147,26,.42);
}
.output-tip-live[data-state="delayed"]{
  color:#ffb45a;
  border-color:rgba(255,180,90,.48);
}
.output-tip-live[data-state="checking"]::before,
.output-tip-live[data-state="updating"]::before,
.output-tip-live[data-state="verifying"]::before,
.output-tip-live[data-state="retrying"]::before{
  width:8px;
  height:8px;
  box-sizing:border-box;
  border:2px solid color-mix(in srgb,currentColor 26%,transparent);
  border-top-color:currentColor;
  background:transparent;
  box-shadow:none;
  animation:output-publication-spin .72s linear infinite;
}
.output-tip-status-lag{font-variant-numeric:tabular-nums}
@keyframes output-publication-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.output-tip-status-lag{display:none}}
@media(prefers-reduced-motion:reduce){
  .output-tip-live[data-state="checking"]::before,
  .output-tip-live[data-state="updating"]::before,
  .output-tip-live[data-state="verifying"]::before,
  .output-tip-live[data-state="retrying"]::before{animation:none}
}