.breadcrumbs {
	color: $co-gray-40;

	&-container {
		padding: $sp-2 0;
		min-height: 5.3rem;
	}

	> li {
		margin-right: $sp-2;
		&:not(:first-child):before {
			content:"•";
			margin-right: $sp-2;
		}
		> a,
		> span {
			display: inline-block;
			padding: $sp-2 0;
			color: $co-gray-40;
		}
		> a:not(.is-active) {
			text-decoration: none;
			@include hover() {
				color: $text-color;
				text-decoration: underline;
				text-decoration-thickness: 1px;
			}
		}
	}
}