.cbm-breadcrumb {
	width: 100%;
}

.cbm-breadcrumb__inner {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: nowrap;
	width: 100%;
	box-sizing: border-box;
}

.cbm-breadcrumb__nav {
	min-width: 0;
}

.cbm-breadcrumb__trail {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cbm-breadcrumb__trail a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	padding-bottom: 0.1em;
}

.cbm-breadcrumb__code a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	padding-bottom: 0.1em;
	color: inherit;
}

.cbm-breadcrumb__code-text {
	position: relative;
	display: inline-block;
	padding-bottom: 0.1em;
}

.cbm-breadcrumb .cbm-breadcrumb__trail a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 360ms ease;
}

.cbm-breadcrumb__code a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 360ms ease;
}

.cbm-breadcrumb__code-text::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 360ms ease;
}

.cbm-breadcrumb .cbm-breadcrumb__trail a:hover::after,
.cbm-breadcrumb .cbm-breadcrumb__trail a:focus-visible::after {
	transform: scaleX(1);
}

.cbm-breadcrumb__code:hover .cbm-breadcrumb__code-text::after,
.cbm-breadcrumb__code:focus-within .cbm-breadcrumb__code-text::after {
	transform: scaleX(1);
}

.cbm-breadcrumb__code a:hover::after,
.cbm-breadcrumb__code a:focus-visible::after {
	transform: scaleX(1);
}

.cbm-breadcrumb .cbm-breadcrumb__trail a:focus {
	outline: none;
}

.cbm-breadcrumb__code a:focus {
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	.cbm-breadcrumb .cbm-breadcrumb__trail a::after {
		transition: none;
	}
}

.cbm-breadcrumb__code {
	white-space: nowrap;
}

@media (max-width: 781px) {
	.wp-block-acf-cbm-breadcrumb:not(.alignwide):not(.alignfull) {
		padding-inline: var(--wp--style--root--padding-left, 24px);
	}

	.wp-block-acf-cbm-breadcrumb.alignwide,
	.wp-block-acf-cbm-breadcrumb.alignfull {
		margin-left: 0;
		margin-right: 0;
	}
}

body.category .wp-block-acf-cbm-breadcrumb:not(.alignwide):not(.alignfull) .cbm-breadcrumb__inner {
	max-width: var(--wp--style--global--content-size, 720px);
	margin-inline: auto;
	padding-inline: var(--wp--style--root--padding-left, 24px);
}