/* =========================================
   Pet cards hover video
   Videos play once on hover, then return to poster.
========================================= */

.plx-pet-card{
  isolation:isolate;
}

.plx-pet-card-poster{
  opacity:1;
}

.plx-pet-card-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  z-index:-1 !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:scale(1) !important;
  transition:opacity .22s ease, transform .55s cubic-bezier(.22,.61,.36,1) !important;
}

.plx-pet-card.is-video-active .plx-pet-card-video{
  opacity:1 !important;
  transform:scale(1.02) !important;
}

.plx-pet-card.is-video-active .plx-pet-card-poster{
  opacity:0 !important;
}

.plx-pet-card.is-video-active:hover .plx-pet-card-video{
  transform:scale(1.04) !important;
}

@media (hover:none), (pointer:coarse){
  .plx-pet-card-video{
    display:none !important;
  }

  .plx-pet-card-poster{
    opacity:1 !important;
  }
}