/* Quiet, weighted motion. Glass fills are static; reveals never animate blur. */
.app {
  --motion-ease:cubic-bezier(.22,.75,.18,1);
  --motion-sheet-ease:cubic-bezier(.32,.72,0,1);
  --spring:var(--motion-ease);
}
.app .enter-forward,.app .enter-back { animation:none; }
.app button { transition:transform .24s var(--motion-ease),box-shadow .3s ease,background .25s ease; }
.app button:active:not(:disabled) { transform:scale(.98); }
.app .segments button:active:not(:disabled),.app .mini-segments button:active:not(:disabled),
.app .navigation button:active:not(:disabled) { transform:none; }
.app .nav-liquid { transition:transform .72s var(--motion-ease),width .5s var(--motion-ease); }
.app .segment-liquid,.app .mini-liquid { transition:transform .64s var(--motion-ease),width .64s var(--motion-ease); }
.app #screen { transition:transform .82s var(--motion-sheet-ease),border-radius .82s var(--motion-sheet-ease); }
.app.transfer-sheet-open #screen { transform:translate3d(0,-2px,0) scale(.985); }
.app .transfer-sheet { animation:aw-transfer-sheet-in .82s var(--motion-sheet-ease) both; }
.app .transfer-sheet-dim { -webkit-backdrop-filter:none; backdrop-filter:none; animation:motion-veil-in .46s ease both; }
.app .transfer-sheet-backdrop.is-closing .transfer-sheet { animation:aw-transfer-sheet-out .42s cubic-bezier(.4,0,.65,1) both; }
.app .transfer-sheet-backdrop.is-closing .transfer-sheet-dim { animation:motion-veil-out .42s ease both; }
.app .overlay-backdrop { -webkit-backdrop-filter:none; backdrop-filter:none; animation:motion-veil-in .42s ease both; }
.app .drawer { animation:motion-drawer-in .72s var(--motion-sheet-ease) both; }
.app .closing { animation:motion-veil-out .32s ease both; }
.app .closing .drawer { animation:motion-drawer-out .32s cubic-bezier(.4,0,.65,1) both; }
.app .success-modal { animation:motion-dialog-in .78s var(--motion-sheet-ease) both; }
.app .tx-picker-menu { animation:motion-menu-in .36s var(--motion-ease) both; }
.app #toast { transition:opacity .24s ease,transform .5s var(--motion-ease); transform:translate3d(0,10px,0); }
.app #toast.visible { transform:translate3d(0,0,0); }
@keyframes motion-veil-in { from { opacity:0; } to { opacity:1; } }
@keyframes motion-veil-out { from { opacity:var(--motion-veil-start,1); } to { opacity:0; } }
@keyframes motion-drawer-in {
  from { opacity:0; transform:translate3d(26px,0,0); }
  65% { opacity:1; }
  to { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes motion-drawer-out { from { opacity:var(--drawer-exit-opacity,1); transform:var(--drawer-exit-start,translate3d(0,0,0)); } to { opacity:0; transform:translate3d(32px,0,0); } }
@keyframes motion-dialog-in {
  from { opacity:0; transform:translate3d(0,calc(-50% + 20px),0) scale(.99); }
  65% { opacity:1; }
  to { opacity:1; transform:translate3d(0,-50%,0) scale(1); }
}
@keyframes motion-menu-in { from { opacity:0; transform:translate3d(0,7px,0) scale(.985); } to { opacity:1; transform:translate3d(0,0,0) scale(1); } }
@media (prefers-reduced-motion:reduce) {
  .app #screen,.app .nav-liquid,.app .segment-liquid,.app .mini-liquid,.app #toast { transition:none; }
  .app .transfer-sheet,.app .transfer-sheet-dim,.app .overlay-backdrop,.app .drawer,
  .app .success-modal,.app .tx-picker-menu,.app .closing,.app .closing .drawer,
  .app .transfer-sheet-backdrop.is-closing .transfer-sheet,
  .app .transfer-sheet-backdrop.is-closing .transfer-sheet-dim { animation:none; }
}