@use '@igo2/sdg-core' as sdg;

ol {
  background-color: transparent;
  list-style: none;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;

  padding: unset;
  margin: 0;
}

li {
  padding: 0;
  margin: 0;
  margin-right: 4px;
  display: flex;
  align-items: center;
  line-height: 24px;
  font-size: var(--sdg-font-size-xs);

  &.--last {
    font-weight: 600;

    mat-icon {
      display: none;
    }
  }

  @include sdg.media(mobile) {
    flex-direction: row-reverse;

    &:not(.--first-parent) {
      display: none;
    }
  }
}

a {
  color: var(--sdg-color-text);
  font-weight: 300;
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }

  @include sdg.media(mobile) {
    font-size: 12px !important;
    color: var(--sdg-color-blue-piv);
  }
}

mat-icon {
  display: flex;
  margin-left: 4px;

  @include sdg.media(mobile) {
    margin-right: 4px;
  }
}