:root {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}
:where(a[href], button):focus-visible { outline: 2px solid #F0617A; outline-offset: 3px; }
:is(.nav-links a, nav > a, a[href="https://app.gethamstr.com"], a[href$="Hamstr-universal.dmg"], #pricing article a, [data-screen-label="CTA"] a):active:not(:disabled) {
  scale: .97;
  transition: scale 100ms var(--ease-out);
}
.rx-wheel-wrap { position: absolute; inset: 0; pointer-events: none; }
.rx-chippy-wrap { position: relative; z-index: 2; display: block; width: 46%; height: 46%; }

@media (hover: hover) and (pointer: fine) {
  /* Includes the nav anchors' inline colour-only transition. */
  :is(.nav-links a, nav > a, a[href="https://app.gethamstr.com"], a[href$="Hamstr-universal.dmg"], #pricing article a, [data-screen-label="CTA"] a) {
    transition: translate 140ms var(--ease-out), opacity 140ms var(--ease-out), scale 100ms var(--ease-out), color 140ms var(--ease-out), background-color 140ms var(--ease-out) !important;
  }
  :is(.price-grid article, .hero-split article) { transition: translate 180ms var(--ease-out); }
  .rx-floating-chip { transition: scale 140ms var(--ease-out); }
  footer a[href]:hover { opacity: .8; transition: opacity 140ms var(--ease-out); }
  :is(.nav-links a, nav > a, a[href="https://app.gethamstr.com"], a[href$="Hamstr-universal.dmg"], #pricing article a, [data-screen-label="CTA"] a):hover {
    translate: 0 -2px;
  }
  :is(.price-grid article, .hero-split article):hover {
    translate: 0 -3px;
  }
  .rx-wheel-wrap { transition: rotate 600ms var(--ease-out); }
  .rx-hero-illustration:hover .rx-wheel-wrap { rotate: 30deg; }
  .rx-floating-chip:hover { scale: 1.05; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.nav-links a, nav > a, a[href="https://app.gethamstr.com"], a[href$="Hamstr-universal.dmg"], #pricing article a, [data-screen-label="CTA"] a):active:not(:disabled) {
    scale: none;
    opacity: .8;
    transition: opacity 100ms var(--ease-out);
  }
  :is(.nav-links a, nav > a, a[href], .price-grid article, .hero-split article, .rx-floating-chip, .rx-wheel-wrap, .rx-chippy-wrap) {
    translate: none !important;
    scale: none !important;
    rotate: none !important;
  }
}