/*
 * Redefine 2.8.2 used Tailwind 3 utilities without cascade layers.
 * The Django build uses Tailwind 4, so the legacy global transition rule in
 * style.css otherwise wins over the layered transition utilities.
 */
.bookmarks-page .bookmark-nav-item {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.bookmarks-page .bookmark-nav-item:hover {
  color: var(--primary-color);
  background-color: var(--second-background-color);
  border-color: var(--second-background-color);
}

.bookmarks-page .bookmark-card,
.bookmarks-page .bookmark-card-arrow {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.bookmarks-page .bookmark-card-image {
  transition-property: transform, translate, scale, rotate;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.bookmarks-page .bookmark-card-title {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}