/* Selected and pressed states for shared catalog cards. */

.vk-paper-catalog-card.is-selected {
  border-color: transparent;
  outline: 0;
  background: var(--vk-paper-catalog-card-selected-bg);
}

.vk-paper-catalog-card.is-selected:hover {
  background: var(--vk-paper-catalog-card-selected-bg-hover);
}

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