.auraticker {
	--auraticker-background: #17211f;
	--auraticker-text: #ffffff;
	--auraticker-hover: #f4c95d;
	--auraticker-font-size: 16px;
	--auraticker-duration: 35s;
	width: 100%;
	overflow: hidden;
	background: var(--auraticker-background);
	color: var(--auraticker-text);
	font-size: var(--auraticker-font-size);
	line-height: 1.4;
}

.auraticker__track {
	display: flex;
	width: max-content;
	animation: auraticker-scroll var(--auraticker-duration) linear infinite;
}

.auraticker__group {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 2rem;
	padding: 0.7em 2rem 0.7em 0;
}

.auraticker__item {
	flex: 0 0 auto;
	color: inherit;
	text-decoration: none;
}

.auraticker__item:hover,
.auraticker__item:focus-visible {
	color: var(--auraticker-hover);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.auraticker:hover .auraticker__track,
.auraticker:focus-within .auraticker__track {
	animation-play-state: paused;
}

@keyframes auraticker-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}