/* Motion is limited to the redesigned surfaces and explicitly enabled drafts. */
:is(.x3-member,.x3-build,.x3-social-feed--editorial) :is(button,[role=tab],.x3-build-button,.x3-member-button,.x3-build-nav a),
.x3-motion-page .elementor-button {
  transition: background-color 160ms ease,color 160ms ease,opacity 160ms ease,transform 180ms cubic-bezier(.2,.7,.2,1);
}
.x3-member-car img,.x3-build :is(.x3-build-hero,.x3-build-gallery,.x3-build-thumbs,.x3-build-history-photos,.x3-build-spot-photos) img,
.x3-motion-page .x3-car-gallery-media img {
  transition: transform 240ms cubic-bezier(.2,.7,.2,1),opacity 160ms ease;
}
.x3-motion-page .x3-car-gallery-media img { transition: transform 240ms cubic-bezier(.2,.7,.2,1),opacity 160ms ease !important; }
.x3-motion-page .x3-car-gallery-owner { transition: opacity 160ms ease; }
.x3-build-lightbox[open] { animation: x3-motion-fade-in 180ms ease both; }
.x3-build-lightbox[open]::backdrop { animation: x3-motion-fade-in 180ms ease both; }
.x3-build-lightbox.is-closing::backdrop { animation: x3-motion-fade-out 140ms ease both; }
.x3-build-lightbox.is-closing { pointer-events: none; }
.x3-build-lightbox[aria-busy=true] .x3-build-lightbox-count { opacity: .55; }
@keyframes x3-motion-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes x3-motion-fade-out { from { opacity: 1; } to { opacity: 0; } }
@media (hover:hover) and (pointer:fine) {
  .x3-member-car:hover img,.x3-build :is(.x3-build-hero,.x3-build-gallery button,.x3-build-thumbs button,.x3-build-history-photos a,.x3-build-spot-photos a):hover img,
  .x3-motion-page .x3-car-gallery-card:hover .x3-car-gallery-media img { transform: scale(1.025) !important; }
  .x3-motion-page .elementor-button:hover,.x3-member .x3-member-button:hover { transform: translateY(-1px); }
}
:is(.x3-member,.x3-social-feed--editorial) button:active,.x3-motion-page .elementor-button:active { transform: scale(.98); }
@media (prefers-reduced-motion:reduce) {
  :is(.x3-member,.x3-build,.x3-social,.x3-motion-page,.x3-build-page),
  :is(.x3-member,.x3-build,.x3-social,.x3-motion-page,.x3-build-page) *,
  :is(.x3-member,.x3-build,.x3-social,.x3-motion-page,.x3-build-page) *::before,
  :is(.x3-member,.x3-build,.x3-social,.x3-motion-page,.x3-build-page) *::after,
  .x3-build-lightbox::backdrop { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .x3-motion-page .x3-car-gallery-media img { transition: none !important; }
  .x3-motion-page .x3-car-gallery-card:hover .x3-car-gallery-media img { transform: none !important; }
  .x3-member-car img,.x3-build :is(.x3-build-hero,.x3-build-gallery,.x3-build-thumbs,.x3-build-history-photos,.x3-build-spot-photos) img,
  .x3-motion-page .x3-car-gallery-media img { transform: none !important; }
}
@media (hover:none) {
  .x3-motion-page .x3-car-gallery-card:hover .x3-car-gallery-media img { transform: none !important; }
}