@use '~@moda/om';

.Breadcrumb {
  position: relative;
  padding-right: om.space(4);
  margin-right: om.space(2);
  white-space: nowrap;
  overflow: hidden;

  // Separators
  &::after {
    display: block;
    content: ' ';
    position: absolute;
    top: 50%;
    right: om.space(1);
    transform: translateY(-50%) rotate(25deg);
    border-right: 1px solid om.color(fog);
    height: 75%;
  }

  &:last-child {
    margin-right: 0;

    &::after {
      display: none;
    }
  }
}