/* BREADCRUMB */
.breadcrumb-list {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.breadcrumb-list::-webkit-scrollbar {
  display: none;  /* Safari and Chrome */
}


.breadcrumb {
position: relative;

margin: 0;
margin-bottom: 10px;

  &::after {
    content: '';

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;

    display: block;
    width: 20px;

    background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
  }
}

.breadcrumb-list {
overflow: scroll;
margin: 15px 0;
padding: 0;
list-style: none;
white-space: nowrap;
font-size: 13px;

-webkit-overflow-scrolling: touch;

  &::-webkit-scrollbar {
    display: none;
  }
}

.breadcrumb-item {
display: inline-block;
padding-left: 5px;

  & + &:before {
    content: "/";
    margin-right: 5px;
  }

  &:first-child {
    padding-left: 20px;
  }

  &:last-child {
    padding-right: 15px;
    font-weight: 700;
  }

  a {
    color: var(--font-color);
    text-decoration: none;
  }
}