Как изменить стрелочки fancybox?

Question

[Yura0103]

Не получается изменить стрелочки в fancybox. Делаю так

$(document).ready(function() {
const container = document.getElementById("myProject");
const options = {
  Carousel: {
    Navigation: {
      prevTpl:
        '<button tabindex="0" title="Назад" class="f-button is-prev" data-carousel-prev="true">' +
        ' <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 4" tabindex="-1"><path d="M15 3l-9 9 9 9"></path></svg></button>' +
        "</button>",
      nextTpl:
        '<button tabindex="0" title="Далее" class="f-button is-next" data-carousel-next="true">' +
        ' <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M9 3l9 9-9 9"></path></svg></button>' +
        "</button>",
    },
  },

};

new Carousel(container, options);
	});

Стрелки не меняются . Подскажите что делаю не так?