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

.breadcrumbs .breadcrumbs__list {
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: 0;
}

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

.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 {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.breadcrumbs .breadcrumbs__list::-webkit-scrollbar {
		display: none;
	}
}