@charset "utf-8";

/* ==============================
  Features Motion
============================== */

.is-motion-ready {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity .7s ease,
    transform .7s ease;
  transition-delay: var(--motion-delay, 0ms);
  will-change: opacity, transform;
}

.is-motion-ready.is-motion {
  opacity: 1;
  transform: translateY(0);
}

.features_card,
.features_overview_card {
  transition:
    opacity .7s ease,
    transform .7s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.features_card:hover,
.features_overview_card:hover {
  transform: translateY(-6px);
  border-color: rgba(17, 17, 17, .12);
  box-shadow: 0 24px 70px rgba(17, 17, 17, .08);
}

.features_card:hover .features_icon {
  box-shadow: 0 14px 34px rgba(17, 24, 39, .22);
}

@media (prefers-reduced-motion: reduce) {

  .is-motion-ready {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .features_card:hover,
  .features_overview_card:hover {
    transform: none;
  }

}