.c-badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:var(--r-full);border:1px solid;font-size:var(--t-micro);line-height:var(--lh-micro);font-weight:600;letter-spacing:.01em;white-space:nowrap;vertical-align:middle}.c-badge .i{width:12px;height:12px;stroke-width:2.25}.c-badge--attivo{background:var(--verde-50);color:var(--verde-800);border-color:var(--verde-200)}.c-badge--accendi{background:var(--viola-100);color:var(--viola-700);border-color:var(--viola-200)}.c-badge--arrivo,.c-badge--breve{background:var(--breve-fondo);color:var(--breve-testo);border-color:var(--breve-bordo)}.c-badge--invito,.c-badge--esempio{background:var(--slate-100);color:var(--slate-700);border-color:var(--slate-200)}.c-badge--canale{background:#fff;color:var(--slate-700);border-color:var(--slate-200)}.c-badge--canale:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--canale, var(--slate-400))}.c-badge--whatsapp{--canale: var(--canale-whatsapp)}.c-badge--instagram{--canale: var(--canale-instagram)}.c-badge--messenger{--canale: var(--canale-messenger)}.c-badge--sito{--canale: var(--canale-sito)}.c-badge--telegram{--canale: var(--canale-telegram)}.c-badge--dati{background:#ffffffeb;color:var(--slate-700);border:1px dashed var(--slate-300);font-weight:600}.c-badge--attivo.c-badge--vivo:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--verde-500)}@media(prefers-reduced-motion:no-preference){.c-badge--attivo.c-badge--vivo:before{animation:badge-respira 2s var(--ease) 3}}@keyframes badge-respira{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 4px #10b98100}}.su-scuro .c-badge--attivo{background:#6ddeac1f;color:var(--verde-300);border-color:#6ddeac4d}.su-scuro .c-badge--accendi{background:#c7b8fe1f;color:var(--viola-300);border-color:#c7b8fe4d}.su-scuro .c-badge--arrivo,.su-scuro .c-badge--breve{background:#fcd34d1f;color:#fcd34d;border-color:#fcd34d4d}.c-badge-legenda{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:var(--t-small);line-height:var(--lh-small);color:var(--testo-2)}.c-badge-legenda>span{display:inline-flex;align-items:center;gap:8px}.c-badge-angolo{position:absolute;top:12px;right:12px;z-index:2}