.breadcrumbs {
  padding: 12px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;

  li {
    padding: 0;
    display: inline;
    list-style-type: none;
    margin-right: 22px;
    position: relative;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 160% */
    text-wrap: nowrap;
    color: var(--blue-1);

    &::before {
      display: block;
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      right: -22px;
      top: 0;
      background: url("~src/assets/images/icons/chevron_right_24dp.svg") no-repeat center;
    }
    &:last-child {
      &::before {
        background: none;
      }
    }
    a {
      color: var(--grey-7);
    }
  }
}
