/* Wheel entrance for the circular cards in the RPO specialized-solutions tabs. */
[data-rpo-wheel-card] {
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}

[data-rpo-wheel-card].is-wheel-entering {
  will-change: transform, opacity;
  animation: rpo-wheel-arrive 1050ms cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes rpo-wheel-arrive {
  0% {
    opacity: 0;
    transform: rotate(-405deg) scale(.84);
  }
  68% {
    opacity: 1;
    transform: rotate(13deg) scale(1.015);
  }
  86% {
    transform: rotate(-4deg) scale(.995);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}

@media (max-width: 767px) {
  [data-rpo-wheel-card] {
    margin-inline: auto;
    max-width: min(100%, 426px);
  }

  [data-rpo-wheel-card] img {
    display: block;
    height: auto;
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-rpo-wheel-card].is-wheel-entering {
    animation: none;
  }
}