.breadcrumbs {
	color: var(--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: var(--co-gray-40);
		}
		> a {
			@include hover() {
				color: var(--text-color);
				text-decoration: underline;
			}
		}
	}
}