/* Shared bookmark card hover, selected and transition states. */

.bookmark-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--vk-paper-selected-card-bg);
  opacity: var(--bookmark-current-highlight-progress, 0);
}

.bookmark-card-preview-wrap {
  position: relative;
  z-index: 1;
}

.bookmark-card::after {
  content: none;
}

.bookmark-card.is-catalog-editing,
.bookmark-card.is-selected {
  background-color: var(--vk-paper-selected-card-bg);
  border-color: transparent;
  cursor: default;
}

.bookmark-card.is-current {
  border-color: transparent;
  cursor: default;
}

.bookmark-card.is-comparison-selected {
  background-color: var(--vk-paper-selected-card-bg);
  border-color: transparent;
}

.bookmark-card.is-catalog-editing:not(.is-unviewed):hover,
.bookmark-card.is-selected:not(.is-unviewed):hover {
  background-color: var(--vk-paper-selected-card-bg);
}

.bookmark-card.is-current:not(.is-current-highlight-animating):not(.is-unviewed):hover {
  background-color: var(--vk-paper-lift-button-bg);
}

.bookmark-card.is-comparison-selected:not(.is-unviewed):hover {
  background-color: var(--vk-paper-selected-card-bg);
}