/* Bookmark Highlight Animation */

/* Used when encouraging users to read existing bookmarks */

.bookmark-highlight {
  animation: pulse-highlight 2s ease-in-out 3;
  border: 2px solid var(--ls-accent);
  border-radius: var(--ls-radius-lg);
}

@keyframes pulse-highlight {
  0%,
  100% {
    border-color: var(--ls-accent);
    box-shadow: 0 0 0 0 rgb(13 148 136 / 40%);
  }

  50% {
    border-color: var(--ls-accent);
    box-shadow: 0 0 0 0.5rem rgb(13 148 136 / 0%);
  }
}

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .bookmark-highlight {
    animation: none;
    border: 2px solid var(--ls-accent);
  }
}