.ads-Reference {
  @apply bg-white
    rounded-md
    border
    border-gray-400
    text-h5
    leading-tight
    flex
    items-center
    gap-1
    px-1
    duration-200
    whitespace-nowrap;

  height: 22px;
  width: fit-content;
}

.ads-Reference--isLink {
  @apply cursor-pointer;
}

.ads-Reference--isLink:hover,
.ads-Reference--isLink:active {
  @apply border-gray-500;
}

.ads-Reference--disabled {
  @apply pointer-events-none
    bg-gray-200
    border-gray-400
    text-gray-600;
}

.ads-Reference-icon {
  @apply text-gray-700;

  font-size: 0.75em;
}

.ads-ReferenceGroup {
  @apply flex
    flex-wrap
    items-center
    gap-1;
}