.clk-live-indicator.clk-1dfhv09{--tone:var(--clk-ink-muted);--wash:var(--clk-surface-raised);align-items:center;gap:var(--spacing-6);padding-block:var(--spacing-2);padding-inline:var(--spacing-10);border-radius:var(--radius-pill);background:var(--wash);color:var(--tone);font-size:var(--fs-caption);font-weight:var(--weight-semibold);white-space:nowrap;max-inline-size:100%;line-height:1.4;display:inline-flex}.sm.clk-1dfhv09{padding-inline:var(--spacing-8);font-size:var(--fs-micro)}.live.clk-1dfhv09{--tone:var(--clk-success);--wash:var(--clk-success-wash)}.stale.clk-1dfhv09{--tone:var(--clk-warning);--wash:var(--clk-warning-wash)}.dot.clk-1dfhv09{border-radius:var(--radius-pill);background:currentColor;flex-shrink:0;block-size:8px;inline-size:8px;position:relative}.text.clk-1dfhv09{text-overflow:ellipsis;overflow:hidden}.live.clk-1dfhv09 .dot:where(.clk-1dfhv09){animation:clk-1dfhv09-breathe 1.8s var(--ease-in-out) infinite}.live.clk-1dfhv09 .dot:where(.clk-1dfhv09):after{content:"";border-radius:inherit;animation:clk-1dfhv09-ping 1.8s var(--ease-out) infinite;background:currentColor;position:absolute;inset:0}@keyframes clk-1dfhv09-breathe{0%,to{transform:scale(1)}50%{transform:scale(.8)}}@keyframes clk-1dfhv09-ping{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.live.clk-1dfhv09 .dot:where(.clk-1dfhv09),.live.clk-1dfhv09 .dot:where(.clk-1dfhv09):after{animation:none}.live.clk-1dfhv09 .dot:where(.clk-1dfhv09):after{opacity:.3;transform:scale(1.8)}}