/* Section Label treatments. BB owns the text/icon modules and their settings;
   the kit supplies typography, foreground, spacing and shape scales. */
.fl-builder-content .bbs-eyebrow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--bbs-scope-space-tight, var(--bbs-spacing-2));
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	padding: 0;
	border: 0 solid currentColor;
	border-radius: 0;
	background: none;
	color: var(--bbs-scope-accent, var(--bbs-color-accent-text));
}
.fl-builder-content .bbs-eyebrow > .bbs-eyebrow-text {
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}
.fl-builder-content .bbs-eyebrow > .bbs-eyebrow-text .fl-rich-text {
	color: inherit;
}
.fl-builder-content .bbs-eyebrow > .bbs-eyebrow-text .fl-rich-text > :first-child { margin-block-start: 0; }
.fl-builder-content .bbs-eyebrow > .bbs-eyebrow-text .fl-rich-text > :last-child { margin-block-end: 0; }
.fl-builder-content .bbs-eyebrow:not(.bbs-eyebrow-icon) > .bbs-eyebrow-icon { display: none; }
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-icon > .bbs-eyebrow-icon {
	flex: 0 0 auto;
	margin: 0;
	max-inline-size: 40%;
	overflow: hidden;
	font-size: min(var(--bbs-eyebrow-icon-size, 1em), 4em);
	color: var(--bbs-eyebrow-icon-color, currentColor);
}
/* Local overrides enter before the treatment's kit gap. Bound decoration
   geometry at the consumer so switching native units cannot crowd out text. */
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-line { gap: min(var(--bbs-eyebrow-gap, var(--bbs-eyebrow-line-gap, var(--bbs-scope-space-tight, var(--bbs-spacing-2)))), 3em); }
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-dot { gap: min(var(--bbs-eyebrow-gap, var(--bbs-eyebrow-dot-gap, var(--bbs-scope-space-tight, var(--bbs-spacing-2)))), 3em); }
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-icon { gap: min(var(--bbs-eyebrow-gap, var(--bbs-eyebrow-icon-gap, var(--bbs-scope-space-tight, var(--bbs-spacing-2)))), 3em); }
.fl-builder-content .bbs-eyebrow > .bbs-eyebrow-icon .fl-icon i,
.fl-builder-content .bbs-eyebrow > .bbs-eyebrow-icon .fl-icon i::before { color: inherit; font-size: inherit; }
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-pill,
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-outline {
	padding: var(--bbs-eyebrow-badge-padding-y, var(--bbs-spacing-1)) var(--bbs-eyebrow-badge-padding-x, var(--bbs-spacing-3));
	border-radius: var(--bbs-eyebrow-badge-radius, var(--bbs-radius-full));
}
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-pill {
	background: var(--bbs-scope-accent, var(--bbs-color-accent-text));
	color: var(--bbs-scope-bg-color, var(--bbs-color-bg));
}
/* Native text links keep their underline/focus treatment on the reversed fill. */
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-pill > .bbs-eyebrow-text .fl-rich-text a,
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-pill > .bbs-eyebrow-text .fl-rich-text a:hover,
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-pill > .bbs-eyebrow-text .fl-rich-text a:focus {
	color: inherit;
	text-decoration: underline;
}
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-outline {
	border-width: var(--bbs-eyebrow-outline-width, 1px);
	border-style: var(--bbs-eyebrow-outline-style, solid);
	border-color: var(--bbs-eyebrow-outline-color, currentColor);
}
/* Empty generated content is decorative and adds no text to the reading order. */
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-line::before,
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-dot::before {
	content: "";
	display: block;
	position: static;
	flex: 0 0 auto;
	max-inline-size: 40%;
	background: currentColor;
	pointer-events: none;
}
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-line::before {
	width: var(--bbs-eyebrow-line-length, var(--bbs-spacing-6));
	height: 0;
	background: none;
	border-top: min(var(--bbs-eyebrow-line-thickness, 1px), 0.5em) var(--bbs-eyebrow-line-style, solid) var(--bbs-eyebrow-line-color, currentColor);
	border-radius: 0;
}
.fl-builder-content .bbs-eyebrow.bbs-eyebrow-dot::before {
	width: min(var(--bbs-eyebrow-dot-size, var(--bbs-spacing-2)), 3em);
	height: auto;
	aspect-ratio: 1;
	background: var(--bbs-eyebrow-dot-color, currentColor);
	border-radius: var(--bbs-radius-full);
}
@media (forced-colors: active) {
	.fl-builder-content .bbs-eyebrow { color: CanvasText; }
	.fl-builder-content .bbs-eyebrow.bbs-eyebrow-pill {
		background: Canvas;
		color: CanvasText;
		border-width: 1px;
	}
	.fl-builder-content .bbs-eyebrow.bbs-eyebrow-line::before { border-color: CanvasText; }
	.fl-builder-content .bbs-eyebrow.bbs-eyebrow-dot::before { background: CanvasText; }
}