How do I get a carousel and lightbox with carousel with the same nav arrows?

[ballmannweber]

I use the simple div-setup from the docs to generate a carousel in a page and use this code for carousel and fancybox. How can I get the custom svg code get used by the arrows in the carousel as well as in the lightbox carousel?

`{# Carousel #}
const container = document.getElementById("myCarousel");
const options = {
infinite: true,
Navigation: {
nextTpl: '',
prevTpl: '',
},
};
new Carousel(container, options);

{# Fancybox #}
Fancybox.bind('[data-fancybox="gallery"]', {
	contentClick: "close",
	closeButton: false,
	Thumbs: false,
	Images: {
		protected: true
    },
	Toolbar: {
  		display: {
			left: [],
			middle: [],
			right: [],
  		},
	},
});`