.ipsBreadcrumb > .ipsBreadcrumb__list > li[aria-current='location']:last-child:nth-child(n+2),
.ipsBreadcrumb > .ipsBreadcrumb__list > li[aria-current='page']:last-child:nth-child(n+2),
.ipsBreadcrumb .ipsBreadcrumb__list > li.ppxBreadcrumbTrail__item--hidden {
	display: none;
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__scroller {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
	overscroll-behavior-inline: contain;
	-webkit-overflow-scrolling: touch;
	padding-block: 0.125rem;
	padding-inline-end: 0;
	color: inherit;
	background: transparent;
	mask-image: none;
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__scroller::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ipsBreadcrumb__list {
	min-width: max-content;
	padding-inline-end: 0;
	white-space: nowrap;
	color: inherit;
	transition: padding-inline-end 0.18s ease;
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__overflowButton {
	position: absolute;
	top: 50%;
	inset-inline-end: 0.35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.9);
	background: color-mix(in srgb, var(--i-background_1, #ffffff) 88%, transparent);
	box-shadow: 0 0.3rem 0.9rem color-mix(in srgb, currentColor 14%, transparent);
	color: inherit;
	transform: translateY(-50%);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.18s ease, transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
	z-index: 2;
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__overflowButton::before {
	content: '\203A';
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 700;
	color: currentColor;
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__overflowButton:hover {
	background: rgba(255, 255, 255, 0.98);
	background: color-mix(in srgb, var(--i-background_1, #ffffff) 94%, transparent);
	border-color: color-mix(in srgb, currentColor 18%, transparent);
	transform: translateY(-50%) translateX(1px);
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__overflowButton:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	opacity: 1;
	pointer-events: auto;
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__scroller--show-arrow.ppxBreadcrumbTrail__scroller--can-scroll-right .ipsBreadcrumb__list,
.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__scroller--show-arrow.ppxBreadcrumbTrail__scroller--at-end .ipsBreadcrumb__list {
	padding-inline-end: 2.6rem;
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__scroller--show-arrow::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	inset-inline-end: 0;
	width: 4rem;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.92));
	background: linear-gradient(to right, color-mix(in srgb, var(--i-background_1, #ffffff) 0%, transparent), color-mix(in srgb, var(--i-background_1, #ffffff) 92%, transparent));
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.18s ease;
	z-index: 1;
}


.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__scroller--can-scroll-right::after {
	opacity: 1;
	pointer-events: auto;
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__scroller--can-scroll-right .ppxBreadcrumbTrail__overflowButton {
	opacity: 1;
	pointer-events: auto;
}

.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__scroller--at-end::after,
.ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__scroller--at-end .ppxBreadcrumbTrail__overflowButton {
	opacity: 0;
	pointer-events: none;
}

html[data-ips-scheme='dark'] .ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__overflowButton {
	border-color: color-mix(in srgb, currentColor 12%, transparent);
	background: rgba(15, 23, 42, 0.86);
	background: color-mix(in srgb, var(--i-background_2, #0f172a) 84%, transparent);
	box-shadow: 0 0.3rem 0.9rem color-mix(in srgb, #000000 32%, transparent);
	color: inherit;
}

html[data-ips-scheme='dark'] .ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__overflowButton:hover {
	background: rgba(15, 23, 42, 0.96);
	background: color-mix(in srgb, var(--i-background_2, #0f172a) 92%, transparent);
	border-color: color-mix(in srgb, currentColor 20%, transparent);
}

html[data-ips-scheme='dark'] .ipsBreadcrumb.ppxBreadcrumbTrail .ppxBreadcrumbTrail__scroller--show-arrow::after {
	background: linear-gradient(to right, rgba(2, 6, 23, 0), rgba(2, 6, 23, 0.92));
	background: linear-gradient(to right, color-mix(in srgb, var(--i-background_root, #020617) 0%, transparent), color-mix(in srgb, var(--i-background_root, #020617) 92%, transparent));
}