.mention-card{appearance:none;white-space:nowrap;vertical-align:-3px;background:var(--bg-2);max-width:100%;color:var(--ink-0);cursor:pointer;border:0;border-radius:4px;align-items:center;gap:5px;padding:2px 6px 2px 2px;font:300 12px/1 ui-monospace,SF Mono,Menlo,monospace;text-decoration:none;transition:background .12s;display:inline-flex}.mention-card:hover{background:var(--line-2)}.mention-card:focus-visible{outline:2px solid var(--ink-0);outline-offset:2px}.mention-card-glyph{border:1px solid hsl(var(--ref-surface-240));background:hsl(var(--ref-sink-40));width:16px;height:16px;color:var(--ink-3);border-radius:3px;flex:none;justify-content:center;align-items:center;display:flex}.mention-card-glyph svg{width:9px;height:9px}.mention-card-name{color:var(--ink-0);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:12em;overflow:hidden}.mention-card-thumb{background:hsl(var(--ref-sink-40));border:1px solid hsl(var(--ref-surface-240));border-radius:3px;flex:none;width:16px;height:16px;display:block;position:relative;overflow:hidden}.mention-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.mention-card-thumb-play{color:#fff;filter:drop-shadow(0 1px 1px #000000b3);pointer-events:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mention-card-count{color:hsl(var(--ref-surface-320));font:300 10px/1 var(--font-sans)}.mention-card--audio.is-playing{background:var(--line-2)}.mention-card--audio.is-playing .mention-card-glyph{color:var(--ink-0)}.mention-card--audio audio{display:none}.mention-card.mention-missing-media{cursor:default}.mention-card.mention-missing-media:hover{background:var(--bg-2)}