/* Rebal's 20px staggered entrances and short, spring-like control motion. */
:root{--motion-fast:150ms;--motion-menu:200ms;--motion-ease:cubic-bezier(.4,0,.2,1)}
.currency-chevron{transition:transform 100ms var(--motion-ease)}
.currency-select,.currency-option,.header-icon,.nav a{transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}
:is(.exchange-button,.cta-button,.primary,.ghost,.ghost-button,.copy-button,.method-item,.header-login){transition:transform var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}
:is(.exchange-button,.cta-button,.primary,.ghost,.ghost-button,.copy-button,.method-item,.header-login):active:not(:disabled){transform:scale(.98)}
.swap-button{transition:transform 200ms var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}
.route-card{transition:transform 200ms var(--motion-ease),border-color 200ms var(--motion-ease),box-shadow 200ms var(--motion-ease)}
.toast{transition:opacity 200ms var(--motion-ease),transform 200ms var(--motion-ease)}
#receive-amount{transition:opacity var(--motion-fast) var(--motion-ease)}
#receive-amount[aria-busy=true],#summary[aria-busy=true] #summary-rows{opacity:.5}
#summary-rows{min-height:126px;transition:opacity var(--motion-fast) var(--motion-ease)}
/* Reserve space for loading and validation so surrounding content stays put. */
#calculator .quote-error{display:block;min-height:18px}
@media(hover:hover){.method-item:hover{transform:translateY(-2px)}}
@media(max-width:760px){.site-header .nav.open{animation:menu-enter var(--motion-menu) var(--motion-ease)}
@keyframes menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){
  html:not([data-motion=on]){scroll-behavior:auto!important}
  html:not([data-motion=on]) *,html:not([data-motion=on]) *::before,html:not([data-motion=on]) *::after{animation:none!important;transition:none!important}
}
html[data-motion=off]{scroll-behavior:auto!important}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important}