/*! Strand UI | MIT License | dillingerstaffing.com */

.strand-chip--joined {
  display: inline-flex;
  align-items: center;
  gap: var(--strand-space-1);
  flex-shrink: 0;
  padding: 2px var(--strand-space-2);
  background: var(--strand-blue-glow);
  color: var(--strand-blue-deep);
  border: 1px solid var(--strand-blue-indicator);
  border-radius: var(--strand-radius-full);
  font-family: var(--strand-font-sans);
  font-size: var(--strand-text-xs);
  font-weight: var(--strand-weight-semibold);
  line-height: 1;
  letter-spacing: var(--strand-tracking-tight);
  cursor: pointer;
  transition:
    background var(--strand-duration-fast) var(--strand-ease-out-quart),
    border-color var(--strand-duration-fast) var(--strand-ease-out-quart),
    color var(--strand-duration-fast) var(--strand-ease-out-quart);
}

.strand-chip--joined:hover:not(:disabled) {
  background: var(--strand-blue-tint);
  border-color: var(--strand-blue-deep);
}

.strand-chip--joined:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.strand-chip--joined__check {
  font-size: 0.875em;
  line-height: 1;
}