CSS Snippets for Darakah Timelines. What am I doing wrong?

Custom CSS & Theme Design
1

I’m using this plugin GitHub - Darakah/obsidian-timelines: Create a timeline view of all notes with the specified combination of tags and I’ve managed to build a vertical timeline. However, when I’m trying to add the example snippet, it doesn’t work.

Could I get some help with the styling? My snippet is fully loaded. Nothing changes under the ‘ob-timelines’ class. Nothing changes when I use the ‘data-class’ property as well.

What I’m trying to do

I’m trying to add the example snippet for ‘ob-timelines’ class. It would be nice to also understand what ‘data-class’ property does, as when I change it from orange to red, nothings seem to change.

/* Render the ob-timelines span or div elements as inline blocks that use an italic font */
.ob-timelines {
  display: inline-block !important;
  font-style: italic;
}
/* Use the before pseudo element to display attributes of the span or div */
.ob-timelines::before {
  content: "🔖 " attr(data-date) ": " attr(data-title) ". ";
  color: lilac;
  font-weight: 500;
}

Things I have tried

I’ve created a new snippet, it is loaded and applied. I’ve reloaded the page and the whole obsidian app, but everything is in the same style as the default one.