/* Keep the ticker's intrinsic track width out of the builder's flex layout. */
.boot-flex-builder .smart_content_panel.panel-full-width .bfb-section__content:has(> .allpro-ticker) {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.allpro-ticker {
	--allpro-ticker-gap: 1.5rem;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	background-color: var(--allpro-ticker-background, transparent);
}
.allpro-ticker__viewport {
	contain: inline-size;
	width: 100%;
	max-width: 100%;
	scroll-behavior: auto;
	overflow-x: auto;
	scrollbar-width: none;
}
.allpro-ticker__viewport::-webkit-scrollbar {
	display: none;
}
.allpro-ticker__track,
.allpro-ticker__items {
	display: flex;
	gap: var(--allpro-ticker-gap);
	width: max-content;
}
.allpro-ticker .allpro-ticker__items {
	list-style: none;
	margin: 0;
	padding: .5rem .25rem;
}
.allpro-ticker__items li {
	flex: none;
}
.allpro-ticker__items a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .25rem;
	justify-content: flex-start;
	box-sizing: border-box;
	width: 8rem;
	height: 100%;
	padding: .5rem .25rem;
	color: inherit;
	text-align: center;
	text-decoration: none;
	line-height: 1.25;
}
.allpro-ticker__items a:hover .allpro-ticker__name {
	text-decoration: underline;
}
.allpro-ticker__items a:focus-visible,
.allpro-ticker__toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}
.allpro-ticker__name {
	font-size: .875rem;
	font-weight: 600;
}
.allpro-ticker__name .text-nowrap {
	white-space: nowrap;
}
.allpro-ticker .allpro-ticker__toggle {
	display: grid;
	place-items: center;
	width: 1.5rem;
	height: 1.5rem;
	margin: .25rem .5rem .125rem auto;
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: transparent;
	color: inherit;
	cursor: pointer;
}
.allpro-ticker .allpro-ticker__toggle:hover {
	background-color: rgb(127 127 127 / 12%);
}
.allpro-ticker__toggle::before {
	content: "";
	box-sizing: border-box;
	width: .5rem;
	height: .625rem;
	border-inline: .125rem solid currentColor;
}
.allpro-ticker__toggle.is-paused::before {
	width: 0;
	height: 0;
	margin-inline-start: .125rem;
	border: .3125rem solid transparent;
	border-right: 0;
	border-left: .5rem solid currentColor;
}
.allpro-ticker .allpro-ticker__toggle[hidden] {
	display: none;
}