Tabs not displaying

Hi.

I’m a longtime user of the Tabby plugin and you’ve helped me out in the past with any problems that have arisen. Thank you for all your hard work.

Currently I am having an issue with the tabs not displaying properly. They show up fine when previewing a post but when you look at the actual published post, the tabs do not show up and the content is just stacked vertically.

I’ve used the Health Check plugin to troubleshoot and it doesn’t look like there are any conflicting plugins. I think it’s something in my stylesheet but I am unable to figure out what it is. Could you please have a look at my page?

This is what I have in my stylesheet to customize the tab colors and such:

/* Tabby */
.responsive-tabs .responsive-tabs__panel {
	background: transparent!important;
	border: 1px solid var(--color4)!important;
}
.responsive-tabs .responsive-tabs__heading {
	background: transparent!important;
	border: 1px solid var(--color4)!important;
	color: var(--color7)!important;
}
.responsive-tabs .responsive-tabs__heading:hover {
	background: transparent!important;
	color: var(--color1)!important;
	}
.responsive-tabs .responsive-tabs__heading--active,
.responsive-tabs .responsive-tabs__heading--active:hover {
	background: var(--color4)!important;
	color: var(--color1)!important;
	}
.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover {
	background: var(--bg)!important;
	border-color: var(--color4)!important;
	color: var(--color1)!important;
}
.responsive-tabs .responsive-tabs__list__item:hover {
	color: var(--color1)!important;
}
.responsive-tabs .responsive-tabs__list__item {
	color: var(--color7)!important;
}

Thanks.

The page I need help with: [log in to see the link]