.dashboard-breadcrumbs {
	width: 100%;
	height: 48px;
	display: flex;
	gap: 6px;
	align-items: center;
	max-width: 80%;

	.dashboard-btn {
		display: flex;
		align-items: center;
		color: var(--l2-foreground);
		font-family: Inter;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 142.857% */
		letter-spacing: -0.07px;
		padding: 0px;
		height: 20px;
	}

	.dashboard-btn:hover {
		background-color: unset;
	}

	.id-btn {
		display: flex;
		align-items: center;
		gap: 4px;
		padding: 0px 2px;
		border-radius: 2px;
		background: color-mix(in srgb, var(--bg-robin-400) 10%, transparent);
		color: var(--bg-robin-400);
		font-family: Inter;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 142.857% */
		height: 20px;

		max-width: calc(100% - 120px);

		span {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.ant-btn-icon {
			margin-inline-end: 4px;
		}
	}
	.id-btn:hover {
		background: color-mix(in srgb, var(--bg-robin-400) 10%, transparent);
		color: var(--bg-robin-300);
	}

	.dashboard-icon-image {
		height: 14px;
		width: 14px;
	}
}
