.ff-breadcrumbs {
	display: block;

	&__list {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		align-items: center;

		li {
			font-size: 13px;
			margin: 0;
			display: flex;
			align-items: center;

			.mat-icon {
				margin: 0 8px;
			}

			&:first-child {
				margin-left: 0;
			}

			&:last-child {
				.mat-icon {
					display: none;
				}
			}

			a {
				text-decoration: none;
				color: var(--ff-color-text);
				transition: color 0.25s ease;

				&:hover {
					color: theme('colors.primary.700');
				}
			}

			&.active {
				color: theme('colors.primary.700');
				font-weight: bold;
			}
		}
	}
}