.mealz-breadcrumb {
  position: relative;
  display: flex;
  flex: 1;
  border-bottom: 1px solid var(--mealz-ds-color-border, #EFF1F3);
  padding: 16px 24px;
  margin: 24px;

  > * {
    margin-right: 8px;
  }

  > a {
    display: flex;
    align-items: center;
    color: var(--mealz-ds-color-neutral-500, #8C96A2);
    text-decoration: none;
  }

  .active {
    color: var(--mealz-ds-color-primary, #24748F);
  }
}