/* ==========================================================================
   PTL breadcrumb — Figma 142:12698.
   Pill paddings are the frame's cap-box numbers converted to a 20px line box
   (see README).
   ========================================================================== */

/* ---------- Root ---------- */
.ptl-bc,
#top #wrap_all .ptl-bc {
	--ptl-bc-mt-now: var(--ptl-bc-mt, 0px);
	display: flex;
	justify-content: flex-start;
	min-width: 0;
	margin-top: var(--ptl-bc-mt-now);
	margin-right: 0;
	margin-bottom: var(--ptl-bc-mb, 0px);
	margin-left: 0;
	font-family: var(--ptl-font, "TT Hoves Pro", "TT Hoves Pro Trial", "Helvetica Neue", Arial, sans-serif);
	-webkit-font-smoothing: antialiased;
}

.ptl-bc.ptl-bc--align-center,
#top #wrap_all .ptl-bc.ptl-bc--align-center {
	justify-content: center;
}

.ptl-bc.ptl-bc--align-right,
#top #wrap_all .ptl-bc.ptl-bc--align-right {
	justify-content: flex-end;
}

.ptl-bc .ptl-bc__nav,
#top #wrap_all .ptl-bc .ptl-bc__nav {
	display: block;
	min-width: 0;
	max-width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: transparent;
}

/* ---------- Pill ---------- */
.ptl-bc .ptl-bc__list,
#top #wrap_all .ptl-bc .ptl-bc__list {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 6.62px;
	padding-right: 12px;
	padding-bottom: 7.18px;
	padding-left: 12px;
	list-style: none;
	border-radius: 999px;
	background-color: var(--ptl-bc-bg, var(--ptl-tint, #e3edf1));
	color: var(--ptl-bc-fg, var(--ptl-navy, #00324f));
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	white-space: nowrap;
}

.ptl-bc .ptl-bc__item,
#top #wrap_all .ptl-bc .ptl-bc__item {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 1 auto;
	min-width: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style: none;
	background-image: none;
	color: inherit;
	font-size: 14px;
	line-height: 20px;
}

.ptl-bc .ptl-bc__item:first-child,
#top #wrap_all .ptl-bc .ptl-bc__item:first-child {
	flex-shrink: 0;
}

.ptl-bc .ptl-bc__item + .ptl-bc__item::before,
#top #wrap_all .ptl-bc .ptl-bc__item + .ptl-bc__item::before {
	content: "/";
	content: "/" / "";
	flex-shrink: 0;
	font-weight: 400;
	opacity: 0.56;
}

.ptl-bc .ptl-bc__text,
#top #wrap_all .ptl-bc .ptl-bc__text {
	display: block;
	min-width: 0;
	overflow: hidden;
	color: inherit;
	font-size: 14px;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ---------- Links (ancestors) ---------- */
.ptl-bc .ptl-bc__link,
#top #wrap_all .ptl-bc .ptl-bc__link {
	font-weight: 500;
	text-decoration: none;
	border-bottom-width: 0;
	box-shadow: none;
	transition: color 0.2s ease;
}

.ptl-bc a.ptl-bc__link:hover,
#top #wrap_all .ptl-bc a.ptl-bc__link:hover {
	color: var(--ptl-red, #e7334f);
	text-decoration: none;
}

.ptl-bc a.ptl-bc__link:focus-visible,
#top #wrap_all .ptl-bc a.ptl-bc__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: 2px;
}

/* ---------- Current page ---------- */
/* Absorbs the shrink first; ancestors only truncate once it is used up. */
.ptl-bc .ptl-bc__item--current,
#top #wrap_all .ptl-bc .ptl-bc__item--current {
	flex-shrink: 9999;
}

.ptl-bc .ptl-bc__item--current .ptl-bc__text,
#top #wrap_all .ptl-bc .ptl-bc__item--current .ptl-bc__text {
	font-weight: 400;
	opacity: 0.56;
}

/* ---------- Top-margin ramp (never re-declares --ptl-bc-mt) ---------- */
@media (max-width: 1199px) {
	.ptl-bc.ptl-bc--scale,
	#top #wrap_all .ptl-bc.ptl-bc--scale {
		--ptl-bc-mt-now: calc(var(--ptl-bc-mt, 0px) * 0.75);
	}
}

@media (max-width: 899px) {
	.ptl-bc.ptl-bc--scale,
	#top #wrap_all .ptl-bc.ptl-bc--scale {
		--ptl-bc-mt-now: calc(var(--ptl-bc-mt, 0px) * 0.6);
	}
}