/* Shared paper catalog card base physics. */

.vk-paper-catalog-card {
  border-color: transparent;
  background: var(--vk-paper-catalog-card-bg);
  color: var(--vk-text-primary);
  -webkit-user-drag: none;
  user-select: none;
  transition:
    transform 180ms cubic-bezier(0.2, 0, 0.2, 1),
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.vk-paper-catalog-card:not(.is-paper-catalog-card-create) {
  box-shadow: var(--vk-shadow-paper-raised);
  transform: translateY(calc(-1 * var(--vk-paper-lift-normal-y)));
}

.vk-paper-catalog-card:not(.is-paper-catalog-card-create):hover {
  border-color: transparent;
  background: var(--vk-paper-catalog-card-bg-hover);
  box-shadow: var(--vk-shadow-paper-hover);
  transform: translateY(calc(-1 * var(--vk-paper-lift-hover-y)));
}

.vk-paper-catalog-card:not(.is-paper-catalog-card-create):active,
.vk-paper-catalog-card.is-selected:active,
.vk-paper-catalog-card.is-paper-catalog-card-pressing:not(.is-paper-catalog-card-create),
.vk-paper-catalog-card.is-paper-catalog-card-pressing:not(.is-paper-catalog-card-create):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));
}

.vk-paper-catalog-card img {
  -webkit-user-drag: none;
  user-select: none;
}