@keyframes heart {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.15);
  }
}
.md-typeset .mdx-badge {
  font-size: 1em;
}
.md-typeset .mdx-badge--heart {
  --md-typeset-a-color: rgba(233, 30, 99, 1);
  --md-accent-fg-color: rgba(255, 64, 129, 1);
  --md-accent-fg-color--transparent: rgba(233, 30, 99, 0.1);
  color: rgba(233, 30, 99, 1);
}
.md-typeset .mdx-badge--heart .twemoji {
  animation: heart 1000ms infinite;
}

.md-typeset .mdx-badge--java {
  --md-typeset-a-color: rgba(143, 81, 1, 1);
  --md-accent-fg-color: rgba(248, 153, 23, 1);
  --md-accent-fg-color--transparent: rgba(252, 144, 3, 0.2);
}

.md-typeset .mdx-badge--openai {
  --md-typeset-a-color: rgba(220, 220, 220, 1);
  --md-accent-fg-color: rgba(255, 255, 255, 1);
  --md-accent-fg-color--transparent: rgba(0, 0, 0, 1);
}

.md-typeset .mdx-badge--right {
  float: right;
  margin-left: 0.35em;
}
.md-typeset .mdx-badge__icon {
  padding: 0.2rem;
  background: var(--md-accent-fg-color--transparent);
  border-start-start-radius: 0.1rem;
  border-end-start-radius: 0.1rem;
}
.md-typeset .mdx-badge__icon:last-child {
  border-radius: 0.1rem;
}
.md-typeset .mdx-badge__text {
  padding: 0.2rem 0.3rem;
  border-start-end-radius: 0.1rem;
  border-end-end-radius: 0.1rem;
  box-shadow: 0 0 0 1px inset var(--md-accent-fg-color--transparent);
}