:root {
	--tickbar-speed: 40s;
	--tickbar-speed-mobile: 30s;
	--tickbar-speed-small: 10s;
	--tickbar-font-family: "PPNeueMontreal", sans-serif;
	--tickbar-font-size: 14px;
	--tickbar-font-weight: 600;
	--tickbar-font-style: normal;
	--tickbar-text-transform: uppercase;
	--tickbar-text-color: #05362f;
	--tickbar-icon-width: 16px;
	--tickbar-icon-height: 16px;
}

.tickbar-ticker {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	color: var(--tickbar-text-color);
	font-size: var(--tickbar-font-size);
	font-style: var(--tickbar-font-style);
	font-family: var(--tickbar-font-family);
	text-transform: var(--tickbar-text-transform);
}

.tickbar-ticker__wrap {
	display: inline-block;
	white-space: nowrap;
	will-change: transform;
	animation: tickbar-ticker-scroll var(--tickbar-speed) linear infinite;
}

.tickbar-ticker--pause-on-hover:hover .tickbar-ticker__wrap,
.tickbar-ticker--pause-on-hover:focus-within .tickbar-ticker__wrap {
	animation-play-state: paused;
}

.tickbar-ticker-item {
	display: inline-block;
	padding: 0 0.6rem;
	font-weight: var(--tickbar-font-weight);
	vertical-align: middle;
	white-space: nowrap;
}

.tickbar-ticker-item .tickbar-ticker-divider {
	margin: 0 50px;
	vertical-align: middle;
	width: var(--tickbar-icon-width);
	height: var(--tickbar-icon-height);
}

.tickbar-ticker-item .tickbar-ticker-text {
	vertical-align: middle;
}

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

@media (max-width: 768px) {
	.tickbar-ticker__wrap {
		animation-duration: var(--tickbar-speed-mobile);
	}
}

@media (max-width: 480px) {
	.tickbar-ticker__wrap {
		animation-duration: var(--tickbar-speed-small);
	}
}