.chip,
.public-ui .chip {
  display: inline-block;
  height: unset;
  line-height: 1rem;
  text-align: center;

  &:hover {
    cursor: default;
  }

  &:not(:disabled):not(.chip-primary):not(.chip-secondary) {
    &.selected,
    &:hover,
    &:focus {
      border-color: $neutral-2-b5;
      background: $neutral-2-b5;

      &,
      span.chip-label {
        color: #fff;
      }

      svg.icon {
        fill: #fff;
      }
    }
  }

  button {
    height: 1em;
  }

  &.chip-lg {
    height: unset;
    line-height: 1.7em;
  }
}

#metadata {
  .chip.disabled:hover {
    cursor: default;
  }
}

a.chip,
.chip:has(a),
a .chip {
  &:hover {
    cursor: pointer;
  }
}

a:has(.chip):hover {
  cursor: default;
}