:host{
  display: block;
}
.breadcrumbs {
  padding: 12px 0 0 0;
  display: block;
  white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis;
  color:var(--prime);
  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% */

    color: var(--prime);

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