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

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

.bookmark-card:not(.is-current):not(.is-current-fading):not(.is-catalog-editing):not(.is-unviewed):hover {
  background: var(--vk-paper-lift-button-bg-hover);
  box-shadow: var(--vk-shadow-paper-hover);
  transform: translateY(calc(-1 * var(--vk-paper-lift-hover-y)));
}

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

.bookmark-card.is-comparison-selected {
  background: var(--vk-paper-selected-card-bg);
  box-shadow: var(--vk-shadow-form-inset);
  transform: translateY(0);
}

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

.bookmark-card.is-comparison-selected:not(.is-unviewed):hover {
  background: var(--vk-paper-selected-card-bg);
  box-shadow: var(--vk-shadow-form-inset);
  transform: translateY(0);
}

.bookmark-card.is-paper-catalog-card-pressing:not(.is-paper-catalog-card-create),
.bookmark-card.is-paper-catalog-card-pressing:not(.is-paper-catalog-card-create):not(.is-current):not(.is-current-fading):not(.is-catalog-editing):not(.is-unviewed):hover,
.bookmark-card.is-paper-catalog-card-pressing.is-current:not(.is-unviewed):hover,
.bookmark-card.is-paper-catalog-card-pressing.is-catalog-editing:not(.is-unviewed):hover,
.bookmark-card.is-paper-catalog-card-pressing.is-selected:not(.is-unviewed):hover {
  border-color: transparent;
  outline: 0;
  background: var(--vk-paper-catalog-card-selected-bg-pressed);
  box-shadow: var(--vk-shadow-paper-pressed);
  transform: translateY(var(--vk-paper-lift-pressed-y));
}

.bookmark-card.is-current-fading {
  animation: bookmark-current-card-settle 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

@keyframes bookmark-current-card-settle {
  from {
    background: var(--vk-paper-selected-card-bg);
    box-shadow: var(--vk-shadow-paper-raised);
    transform: translateY(calc(-1 * var(--vk-paper-lift-normal-y)));
  }
  to {
    background: var(--vk-paper-lift-button-bg);
    box-shadow: none;
    transform: translateY(0);
  }
}