.ampb {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-height: var(--ampb-height, 44px);
	padding: 8px 18px;
	background: var(--ampb-bg, #1689c7);
	color: var(--ampb-color, #fff);
	font: 700 var(--ampb-size, 14px)/1.25 system-ui, -apple-system, "Segoe UI", sans-serif;
	overflow: hidden;
}
.ampb__track {
	width: 100%;
	min-height: inherit;
	display: flex;
	align-items: center;
	justify-content: var(--ampb-align, center);
}
.ampb__group {
	display: flex;
	flex: none;
	align-items: center;
	width: max-content;
	white-space: nowrap;
}
.ampb__item { display: inline-block; flex: none; }
.ampb__separator { display: inline-block; flex: none; margin: 0 22px; opacity: .8; }
.ampb__link {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	margin-inline: 4px 22px;
	padding: 2px 12px;
	border: 1px solid currentColor;
	border-radius: 18px;
	color: inherit;
	text-decoration: none;
}
.ampb__link:hover { color: inherit; opacity: .78; }
.ampb--scroll .ampb__track { justify-content: flex-start; }
.ampb--scroll.ampb--ready .ampb__track { width: max-content; animation: ampb-scroll var(--ampb-duration, 24s) linear infinite; }
.ampb--scroll:hover .ampb__track,
.ampb--scroll:focus-within .ampb__track { animation-play-state: paused; }
.ampb--static { text-align: var(--ampb-align, center); }
.ampb--static .ampb__track { justify-content: var(--ampb-align, center); }
.ampb--static .ampb__group { width: 100%; flex-wrap: wrap; justify-content: var(--ampb-align, center); white-space: normal; }
.ampb--static .ampb__item { white-space: normal; }
@keyframes ampb-scroll { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.ampb--scroll.ampb--ready .ampb__track { animation: none; }
}