@keyframes dt-marquee-scroll {
	to {
		transform: translateX(calc(-50% - ( var(--dt-marquee-gap) / 2 )));
	}
}

.dt-marquee-source {
	--dt-marquee-logo-height: 32px;
	--dt-marquee-gap: 4rem;
	--dt-marquee-duration: 40s;
	--dt-marquee-fade: 6%;
	--dt-marquee-direction: normal;
	--dt-marquee-delay: 0s;
}

.dt-marquee-source .dt-marquee {
	width: 100%;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--dt-marquee-fade), #000 calc(100% - var(--dt-marquee-fade)), transparent);
	mask-image: linear-gradient(90deg, transparent, #000 var(--dt-marquee-fade), #000 calc(100% - var(--dt-marquee-fade)), transparent);
}

.dt-marquee-source:hover .dt-marquee__track, .dt-marquee-source:focus-within .dt-marquee__track {
	animation-play-state: paused;
}

.dt-marquee-source--reverse {
	--dt-marquee-direction: reverse;
}

.dt-marquee-source--offset {
	--dt-marquee-delay: -7s;
}

.dt-marquee__track {
	display: flex;
	align-items: center;
	gap: var(--dt-marquee-gap);
	width: max-content;
	animation-name: dt-marquee-scroll;
	animation-duration: var(--dt-marquee-duration);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: var(--dt-marquee-direction);
	animation-delay: var(--dt-marquee-delay);
	animation-fill-mode: both;
	will-change: transform;
}

.dt-marquee__track .gallery {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: var(--dt-marquee-gap);
	width: auto;
	margin: 0;
}

.dt-marquee__track .gallery::before, .dt-marquee__track .gallery::after {
	content: none;
}

.dt-marquee__track .gallery-item {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.dt-marquee__track .gallery-icon, .dt-marquee__track .gallery-item figure, .dt-marquee__track .gallery-item a {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
}

.dt-marquee__track .gallery-caption, .dt-marquee__track .wp-caption-text {
	display: none;
}

.dt-marquee__track .gallery-item img {
	display: block;
	height: var(--dt-marquee-logo-height);
	width: auto;
	max-width: 120px !important;
	object-fit: contain;
	border: 0;
	padding: 0;
}

@media (prefers-reduced-motion:reduce) {
	.dt-marquee__track {
		animation: none;
	}
	
	.dt-marquee-source .dt-marquee {
		overflow-x: auto;
		-webkit-mask-image: none;
		mask-image: none;
	}
	
	.dt-marquee-source .dt-marquee.nitro-lazy {
		mask-image: none !important;
	}
}