.ads-Reference {
  @apply bg-white
    rounded-md
    border
    border-gray-400
    text-icon
    flex
    items-center
    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,
.ads-Reference--isLink:focus {
  @apply border-gray-500;
}

.ads-Reference--isLink:focus {
  @apply outline-none
    shadow-focus;
}

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

.ads-Reference-icon {
  @apply mr-1
    pr-px;
}

.ads-Reference-badge {
  @apply ml-2;
}

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

.ads-ReferenceGroup > * {
  @apply mb-1;
}

.ads-ReferenceGroup > *:not(:last-child) {
  @apply mr-1;
}