.fancybox__container {
	--carousel-button-color: #FFF;
	--carousel-button-bg: transparent;
	--carousel-button-bg-hover: transparent;
	--carousel-button-border-radius: 50%;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));

    --fancybox-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	
	--fancybox-color: #FFF;
	--fancybox-bg: #000000EC;
	--fancybox-opacity: 1;
	--fancybox-accent-color: #0FF;
	--fancybox-content-color: #374151;
	--fancybox-content-bg: #FFF;

	--fancybox-thumbs-width: 96px;
	--fancybox-thumbs-border-radius: 0;
	--fancybox-thumbs-ratio: 1.5;
}

.carousel__button:focus {
    background: var(--carousel-button-bg, transparent);
}
@media (hover:hover){
	.carousel__button:hover {
	    background: var(--carousel-button-bg-hover, transparent);
	}
}