.etm-marquee {
	--etm-speed: 65;
	--etm-item-gap: 78px;
	--etm-loop-gap: 78px;
	--etm-icon-gap: 20px;
	--etm-icon-size: 30px;
	--etm-align: center;
	--etm-fade-width: 60px;
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	isolation: isolate;
}

.etm-marquee *,
.etm-marquee *::before,
.etm-marquee *::after {
	box-sizing: border-box;
}

.etm-marquee__viewport {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	direction: ltr !important;
}

.etm-marquee__track {
	display: flex;
	align-items: var(--etm-align);
	width: max-content;
	min-width: max-content;
	gap: 0 !important;
	justify-content: flex-start !important;
	flex-wrap: nowrap !important;
	direction: ltr !important;
	will-change: transform;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

.etm-marquee__group {
	display: flex;
	flex: 0 0 auto;
	align-items: var(--etm-align);
	gap: var(--etm-item-gap);
	padding-inline-end: var(--etm-loop-gap);
	direction: ltr !important;
	width: max-content;
	min-width: max-content;
}

.etm-marquee__item,
.etm-marquee__item:link,
.etm-marquee__item:visited,
.etm-marquee__item:hover,
.etm-marquee__item:focus,
.etm-marquee__item:active {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	align-items: var(--etm-align) !important;
	justify-content: center !important;
	gap: var(--etm-icon-gap) !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	text-decoration: none !important;
	box-shadow: none;
	outline-offset: 4px;
	transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.etm-marquee[data-content-direction="rtl"] .etm-marquee__item {
	direction: rtl;
}

.etm-marquee[data-content-direction="ltr"] .etm-marquee__item {
	direction: ltr;
}

.etm-marquee__text,
.etm-marquee__item h2.etm-marquee__text,
.etm-marquee__item h3.etm-marquee__text,
.etm-marquee__item h4.etm-marquee__text,
.etm-marquee__item h5.etm-marquee__text,
.etm-marquee__item p.etm-marquee__text,
.etm-marquee__item div.etm-marquee__text,
.etm-marquee__item span.etm-marquee__text {
	display: inline-flex !important;
	align-items: center !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	white-space: nowrap !important;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
	text-transform: uppercase;
	text-decoration: none !important;
	color: var(--etm-text-hover-color, var(--etm-alternate-color, var(--etm-text-color, currentColor))) !important;
	transition: color 0.25s ease;
}

.etm-marquee__text em {
	font-style: italic;
}

.etm-marquee__icon {
	display: inline-flex !important;
	flex: 0 0 var(--etm-icon-size) !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--etm-icon-size) !important;
	height: var(--etm-icon-size) !important;
	min-width: var(--etm-icon-size) !important;
	max-width: var(--etm-icon-size) !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: var(--etm-icon-size) !important;
	line-height: 1 !important;
	color: var(--etm-icon-hover-color, var(--etm-alternate-color, var(--etm-icon-color, currentColor))) !important;
	transition: color 0.25s ease;
}

.etm-marquee__icon-inner {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	transform-origin: center;
}

.etm-marquee__icon i,
.etm-marquee__icon svg {
	display: block !important;
	width: 1em !important;
	height: 1em !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1em !important;
	line-height: 1 !important;
	fill: currentColor;
}

.etm-marquee__preset-icon {
	background-color: currentColor;
	-webkit-mask-image: var(--etm-icon-mask);
	mask-image: var(--etm-icon-mask);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.etm-edge-fade-yes .etm-marquee__viewport {
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0,
		#000 var(--etm-fade-width),
		#000 calc(100% - var(--etm-fade-width)),
		transparent 100%
	);
	mask-image: linear-gradient(
		to right,
		transparent 0,
		#000 var(--etm-fade-width),
		#000 calc(100% - var(--etm-fade-width)),
		transparent 100%
	);
}

.etm-marquee:not(.is-ready):not(.is-building)[data-direction="left"] .etm-marquee__track {
	animation: etm-marquee-bootstrap-left 20s linear infinite;
}

.etm-marquee:not(.is-ready):not(.is-building)[data-direction="right"] .etm-marquee__track {
	animation: etm-marquee-bootstrap-right 20s linear infinite;
}

.etm-marquee.is-building .etm-marquee__track,
.etm-marquee.is-ready .etm-marquee__track {
	animation: none;
}

.etm-marquee.is-paused .etm-marquee__track {
	animation-play-state: paused !important;
}

@keyframes etm-marquee-bootstrap-left {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(-25%, 0, 0); }
}

@keyframes etm-marquee-bootstrap-right {
	from { transform: translate3d(-25%, 0, 0); }
	to { transform: translate3d(0, 0, 0); }
}

.etm-marquee.is-reduced-motion .etm-marquee__viewport {
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
}

.etm-marquee.is-reduced-motion .etm-marquee__track {
	transform: none !important;
	animation: none !important;
	will-change: auto;
}

@media (min-width: 1024px) {
	.etm-marquee__text,
	.etm-marquee__item h2.etm-marquee__text,
	.etm-marquee__item h3.etm-marquee__text,
	.etm-marquee__item h4.etm-marquee__text,
	.etm-marquee__item h5.etm-marquee__text,
	.etm-marquee__item p.etm-marquee__text,
	.etm-marquee__item div.etm-marquee__text,
	.etm-marquee__item span.etm-marquee__text {
		font-size: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.etm-marquee:not(.is-ready) .etm-marquee__track {
		animation: none !important;
		transform: none !important;
	}

	.etm-marquee[data-respect-reduced-motion="yes"] .etm-marquee__item,
	.etm-marquee[data-respect-reduced-motion="yes"] .etm-marquee__text,
	.etm-marquee[data-respect-reduced-motion="yes"] .etm-marquee__icon {
		transition-duration: 0.01ms !important;
	}
}
