/* Runtime behaviour additions for the Wix-style Projects page sliders. */

[data-testid="slide-show-gallery"] {
	position: relative;
}

[data-testid="slide-show-gallery"]:focus {
	outline: none;
}

[data-testid="gallery-prevButton"]:focus-visible,
[data-testid="gallery-nextButton"]:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
}

#comp-mf56ydo4 .component-2 .ud-t3-bw .xfhr-uc .p-nlj-eu {
	background-image: url("../images/tiny-arrows-4355fe50.png");
}

#comp-mf56ydo4 .component-2 .ud-t3-bw {
	pointer-events: none;
}

#comp-mf56ydo4 .component-2 .ud-t3-bw .xfhr-uc {
	background: transparent;
	border: 0;
	color: transparent;
	cursor: pointer;
	pointer-events: auto;
}

#comp-mf56ydo4 .component-2 .ud-t3-bw [aria-label="Previous slide"] {
	left: 0;
	right: auto;
}

#comp-mf56ydo4 .component-2 .ud-t3-bw [aria-label="Previous slide"] .p-nlj-eu {
	background-position: 100% 0;
	left: 50%;
	margin-left: -4px;
	margin-right: 0;
	right: auto;
	transform: rotate(180deg);
	transform-origin: center;
}

@media (prefers-reduced-motion: reduce) {
	[data-testid="slide-show-gallery-items"] {
		transition: none !important;
	}
}