.bx-breadcrumb {
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	padding-top: 24px;
	padding-bottom: 48px;
	padding-left: 34px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 10px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;

	max-width: calc(100vw - 34px);
	overflow: hidden;
}

.bx-breadcrumb .bx-breadcrumb-item {
	color: rgba(0, 0, 0, 0.40);
	font-size: 14px;
	font-family: var(--inter);
	font-weight: 500;
	text-transform: uppercase;
	line-height: 16px;
	letter-spacing: 0.28px;
	word-wrap: break-word;
}

.bx-breadcrumb .bx-breadcrumb-item a.text-control-m {
	color: rgba(0, 0, 0, 0.40);
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 16px;
	letter-spacing: 0.28px;
	word-wrap: break-word;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
	white-space: nowrap;
}

.bx-breadcrumb .bx-breadcrumb-item a.text-control-m:hover {
	color: rgba(0, 0, 0, 0.70);
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.bx-breadcrumb .bx-breadcrumb-item a {
	border-bottom: none;
}

.bx-breadcrumb .bx-breadcrumb-item a:hover {}

@media(max-width: 992px) {
	.bx-breadcrumb {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow: hidden;
		width: calc(100% - 32px);
		padding: 16px;
		white-space: nowrap;
		/* Запрещаем перенос текста на новую строку */
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		/* Добавляем многоточие, если текст не помещается */
	}

	.bx-breadcrumb .bx-breadcrumb-item {
		overflow: hidden;
		white-space: nowrap;
		/* Запрещаем перенос текста на новую строку */
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
}