/* Performa Marquee */
.pf-marquee {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5em;
	color: var(--pf-mq-color, var(--pf-heading));
	user-select: none;
}
.pf-marquee--fade {
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.pf-marquee__track {
	display: flex;
	width: max-content;
	animation: pf-marquee var(--pf-mq-dur, 30s) linear infinite;
	will-change: transform;
}
.pf-marquee--right .pf-marquee__track { animation-direction: reverse; }
.pf-marquee--pause:hover .pf-marquee__track { animation-play-state: paused; }
@keyframes pf-marquee { to { transform: translate3d(-50%, 0, 0); } }

.pf-marquee__group {
	display: flex;
	flex: none;
	align-items: center;
	gap: var(--pf-mq-gap, 48px);
	margin: 0;
	padding: 0 calc(var(--pf-mq-gap, 48px) / 2);
	list-style: none;
}
.pf-marquee__group li { flex: none; margin: 0; }
.pf-marquee__item--text { margin: 0; color: inherit; line-height: 1.1; white-space: nowrap; }
.pf-marquee__item a { color: inherit; }
.pf-marquee--outline .pf-marquee__item--text,
.pf-marquee__item--text.is-outline {
	color: transparent;
	-webkit-text-stroke: max(1px, .02em) var(--pf-mq-color, var(--pf-heading));
}
.pf-marquee__sep { margin: 0; color: var(--pf-mq-sep, var(--pf-accent)); line-height: 1; }
.pf-marquee__sep span { display: block; font-size: .5em; }
.pf-marquee__item--image img { display: block; width: auto; height: var(--pf-mq-logo, 40px); max-width: none; object-fit: contain; }
.pf-marquee--gray .pf-marquee__item--image img { filter: grayscale(1); opacity: .65; transition: filter .3s, opacity .3s; }
.pf-marquee--gray .pf-marquee__item--image:hover img { filter: none; opacity: 1; }

@media (prefers-reduced-motion: reduce) {
	.pf-marquee__track { animation: none; }
	.pf-marquee { overflow-x: auto; }
}