@import "../../styles/global.scss";
@import "../../styles/variables.scss";

.breadcrumbs {
	display: flex;
	margin: 0;
	list-style: none;
	align-items: center;
	padding: 0;
	.breadcrumb-item {
		display: flex;
		align-items: center;
		color: $color-core-ink-lighter;
		i {
			font-size: 11px;
			padding: 2px;
			margin-right: 4px;
		}
		.breadcrumb-label {
			font-size: $size-core-body;
			line-height: 22px;
			margin: 0;
			color: $color-core-ink-lighter;
			text-decoration: none;
		}
		.breadcrumb-label-hover {
			&:hover {
				text-decoration: underline;
			}
		}
	}
	.breadcrumb-seperator {
		margin: 0 4px;
		color: $color-core-ink-lighter;
		font-size: $size-core-body;
		line-height: 22px;
	}
}