.fn-stats-pill{background-color:color-mix(in oklch, var(--fn-bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in oklch, var(--fn-rim) 22%, transparent);border-radius:9999px;align-items:center;gap:.625rem;padding:.4375rem 1.125rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 2px 8px -1px #0000000d,0 1px 3px #00000008}.fn-stats-pill:hover{border-color:color-mix(in oklch, var(--fn-rim) 40%, transparent);transform:translateY(-1px);box-shadow:0 4px 14px -2px #00000014,0 2px 6px #0000000a}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.fn-stats-pill{background-color:var(--fn-bg)}}:is([data-style=final].dark,.dark [data-style=final]) .fn-stats-pill{background-color:color-mix(in oklch, var(--fn-bg) 75%, transparent);border-color:color-mix(in oklch, var(--fn-rim) 35%, transparent);box-shadow:0 4px 16px -2px #00000080,0 2px 6px #0000004d}:is([data-style=final].dark,.dark [data-style=final]) .fn-stats-pill:hover{border-color:color-mix(in oklch, var(--fn-rim) 55%, transparent);box-shadow:0 6px 20px -2px #0009,0 3px 8px #0006}.fn-stats-indicator{flex-shrink:0;justify-content:center;align-items:center;width:.625rem;height:.625rem;display:flex;position:relative}.fn-stats-dot{background-color:#10b981;border-radius:9999px;width:.4375rem;height:.4375rem;position:relative}.fn-stats-ping{opacity:.75;background-color:#34d399;border-radius:9999px;width:100%;height:100%;animation:2s cubic-bezier(0,0,.2,1) infinite fn-stats-ping;position:absolute}@keyframes fn-stats-ping{75%,to{opacity:0;transform:scale(2)}}@media (prefers-reduced-motion:reduce){.fn-stats-ping{animation:none}}.fn-stats-banner{text-align:center;letter-spacing:.01em;color:var(--fn-ink);margin:0;padding:0;font-size:.875rem;font-weight:500;line-height:1.4}