.aa-marquee {
	--aa-marquee-gap: 40px;
	--aa-marquee-align: center;
	--aa-marquee-fade: 60px;
	--aa-marquee-axis: row;
	--aa-marquee-group-width: max-content;
	--aa-marquee-end-gap: var(--aa-marquee-gap);
	--aa-marquee-bottom-gap: 0px;
}

.aa-marquee:not([data-marquee-container]) {
	position: relative;
	min-width: 0;
	max-width: 100%;
}

.aa-marquee:not([data-marquee-container]) > .aa-marquee__viewport {
	height: var(--aa-marquee-height, auto);
}

.aa-marquee__viewport {
	overflow: auto;
	scrollbar-width: thin;
}

.aa-marquee--vertical:not([data-marquee-container]) > .aa-marquee__viewport {
	height: var(--aa-marquee-height, 300px);
}

.aa-marquee__track,
.aa-marquee__group {
	display: flex;
	width: var(--aa-marquee-group-width);
	flex-direction: var(--aa-marquee-axis);
	align-items: var(--aa-marquee-align);
	flex-wrap: nowrap;
	direction: ltr;
}

.aa-marquee__group {
	flex: 0 0 auto;
	gap: var(--aa-marquee-gap);
	padding-inline-end: var(--aa-marquee-end-gap);
	padding-bottom: var(--aa-marquee-bottom-gap);
}

.aa-marquee--vertical {
	--aa-marquee-axis: column;
	--aa-marquee-group-width: 100%;
	--aa-marquee-end-gap: 0px;
	--aa-marquee-bottom-gap: var(--aa-marquee-gap);
}

[data-marquee-container] > .aa-marquee__viewport,
[data-marquee-container] > .e-con-inner > .aa-marquee__viewport {
	width: 100%;
	min-width: 0;
	flex: 1 1 auto;
	grid-column: 1 / -1;
	align-self: stretch;
}

[data-marquee-container] .aa-marquee__group > [data-marquee-item] {
	width: var(--aa-marquee-child-width, auto) !important;
	flex: 0 0 auto !important;
}

.aa-marquee__item {
	flex: 0 0 auto;
	max-width: none;
}

.aa-marquee__content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	color: inherit;
	text-decoration: none;
}

.aa-marquee__text {
	white-space: nowrap;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.3;
}

.aa-marquee__icon {
	display: inline-flex;
	flex-shrink: 0;
	font-size: 24px;
}

.aa-marquee__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.aa-marquee .aa-marquee__image {
	display: block;
	width: 160px;
	height: 80px;
	max-width: none;
	object-fit: contain;
}

.aa-marquee__content > .elementor {
	width: 100%;
	min-width: 240px;
}

.aa-marquee.is-ready .aa-marquee__viewport {
	overflow: hidden;
}

.aa-marquee.is-ready .aa-marquee__track {
	will-change: transform;
}

.aa-marquee--fade.is-ready .aa-marquee__viewport {
	-webkit-mask-image: linear-gradient(to right, transparent, #000 min(var(--aa-marquee-fade), 50%), #000 calc(100% - min(var(--aa-marquee-fade), 50%)), transparent);
	mask-image: linear-gradient(to right, transparent, #000 min(var(--aa-marquee-fade), 50%), #000 calc(100% - min(var(--aa-marquee-fade), 50%)), transparent);
}

.aa-marquee--vertical.aa-marquee--fade.is-ready .aa-marquee__viewport {
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 min(var(--aa-marquee-fade), 50%), #000 calc(100% - min(var(--aa-marquee-fade), 50%)), transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 min(var(--aa-marquee-fade), 50%), #000 calc(100% - min(var(--aa-marquee-fade), 50%)), transparent);
}

.aa-marquee.aa-marquee--fade.is-ready .aa-marquee__viewport:focus-within {
	-webkit-mask-image: none;
	mask-image: none;
}

.aa-marquee.is-draggable .aa-marquee__viewport {
	cursor: grab;
	touch-action: pan-y;
}

.aa-marquee--vertical.is-draggable .aa-marquee__viewport {
	touch-action: pan-x;
}

.aa-marquee.is-dragging .aa-marquee__viewport {
	cursor: grabbing;
	user-select: none;
}

.aa-marquee__toggle {
	display: none;
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 2;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: Canvas;
	color: CanvasText;
	font: 14px/1 sans-serif;
	cursor: pointer;
}

.aa-marquee.is-ready .aa-marquee__toggle {
	display: inline-flex;
}

.aa-marquee__toggle .aa-marquee__play-symbol,
.aa-marquee__toggle[aria-pressed="true"] .aa-marquee__pause-symbol {
	display: none;
}

.aa-marquee__toggle[aria-pressed="true"] .aa-marquee__play-symbol {
	display: inline;
}

.aa-marquee :focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
	.aa-marquee.is-ready .aa-marquee__viewport {
		overflow: auto;
		-webkit-mask-image: none;
		mask-image: none;
		touch-action: auto;
	}

	.aa-marquee .aa-marquee__track {
		transform: none !important;
		will-change: auto;
	}

	.aa-marquee [data-marquee-clone],
	.aa-marquee .aa-marquee__toggle {
		display: none;
	}
}
