.breadcrumbs {
	width: 100%;
	min-width: 0;
}

.breadcrumbs .breadcrumbs__list {
	flex-wrap: nowrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: 0;
	max-width: 100%;
}

.breadcrumbs .breadcrumbs__item {
	flex-shrink: 0;
	min-width: 0;
	max-width: 100%;
}

.breadcrumbs .breadcrumbs__item--sep {
	flex-shrink: 0;
}

.breadcrumbs .breadcrumbs__link,
.breadcrumbs .breadcrumbs__current {
	display: block;
	line-height: 1.4;
	letter-spacing: -0.0175rem;
	white-space: nowrap;
}

.breadcrumbs .breadcrumbs__link {
	color: var(--color-blue-blue-400);
	text-decoration: none;
	transition: color 0.24s ease;
}

.breadcrumbs .breadcrumbs__link:hover {
	color: var(--color-blue-blue-800);
	text-decoration: none;
}

.breadcrumbs .breadcrumbs__current {
	color: var(--color-blue-blue-800);
}

.breadcrumbs.--white .breadcrumbs__link {
	color: var(--color-blue-blue-500);
}

.breadcrumbs.--white .breadcrumbs__current {
	color: var(--color-base-white);
}

.breadcrumbs.--white .breadcrumbs__sep::before {
	background-color: var(--color-blue-blue-500);
}

.breadcrumbs.--white .breadcrumbs__item:hover .breadcrumbs__link {
	color: var(--color-base-white);
}

.breadcrumbs .breadcrumbs__dot {
	display: block;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 50%;
	background-color: var(--color-blue-blue-400);
}

.breadcrumbs .breadcrumbs__sep {
	display: block;
	width: 0.25rem;
	height: 0.25rem;
}

.breadcrumbs .breadcrumbs__sep::before {
	content: "";
	display: block;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 50%;
	background-color: var(--color-blue-blue-400);
}

@media screen and (max-width: 1023px) {
	.breadcrumbs .breadcrumbs__list {
		flex-wrap: wrap;
		gap: 0.25rem 0.5rem;
		overflow-x: visible;
	}

	.breadcrumbs .breadcrumbs__item:not(.breadcrumbs__item--sep) {
		flex-shrink: 1;
	}

	.breadcrumbs .breadcrumbs__link,
	.breadcrumbs .breadcrumbs__current {
		white-space: normal;
		overflow-wrap: break-word;
	}
}