/* Converted from src/components/site/blog/CategoryLinks.module.css (CSS Module): local classes are prefixed "blog-category-links__". */
.blog-category-links__list {
  font-weight: var(--weight-medium);
}

/*
 * Headline category links (theme `.category.-unlink`): the color never changes; on hover the
 * theme's .18em underline (at 0 110%) runs its 400ms "underline" keyframes, then stays while
 * hovered and disappears at once on leave.
 */
.blog-category-links__link {
  background-repeat: no-repeat;
  background-position: 0 110%;
  background-size: 100% 0.18em;
}

.blog-category-links__link:hover {
  background-image: linear-gradient(currentColor, currentColor);
  animation: blog-category-links__category-underline 0.4s cubic-bezier(0.58, 0.3, 0.005, 1);
}

@keyframes blog-category-links__category-underline {
  0% {
    background-size: 100% 0.18em;
    background-position: 0 110%;
  }
  50% {
    background-size: 0 0.18em;
    background-position: 0 110%;
  }
  50.01% {
    background-size: 0 0.18em;
    background-position: right 0 top 110%;
  }
  100% {
    background-size: 100% 0.18em;
    background-position: right 0 top 110%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .blog-category-links__link:hover {
    animation: none;
  }
}