:root{--ao-ease: cubic-bezier(.22, 1, .36, 1);--ao-run: 4.2s}.ao-depth-bar{width:3px;border-radius:1.5px;background:#fff;height:var(--b)}[data-on=true] .ao-depth-bar{animation:ao-depth var(--ao-run) var(--ao-ease) both;animation-delay:calc(var(--i) * 16ms)}@keyframes ao-depth{0%,22%{height:var(--a);opacity:.5}58%,to{height:var(--b);opacity:1}}.ao-swap-from{opacity:0}.ao-swap-to{opacity:1}[data-on=true] .ao-swap-from{animation:ao-swap-out var(--ao-run) var(--ao-ease) both}[data-on=true] .ao-swap-to{animation:ao-swap-in var(--ao-run) var(--ao-ease) both}@keyframes ao-swap-out{0%,26%{opacity:1;transform:translateY(0)}46%,to{opacity:0;transform:translateY(-6px)}}@keyframes ao-swap-in{0%,34%{opacity:0;transform:translateY(6px)}56%,to{opacity:1;transform:translateY(0)}}.ao-wave-old{clip-path:inset(0 0 0 100%)}.ao-wave-new{clip-path:inset(0 0 0 0)}[data-on=true] .ao-wave-old{animation:ao-wipe-out var(--ao-run) var(--ao-ease) both}[data-on=true] .ao-wave-new{animation:ao-wipe-in var(--ao-run) var(--ao-ease) both}@keyframes ao-wipe-out{0%,22%{clip-path:inset(0 0 0 0)}58%,to{clip-path:inset(0 0 0 100%)}}@keyframes ao-wipe-in{0%,22%{clip-path:inset(0 100% 0 0)}58%,to{clip-path:inset(0 0 0 0)}}.ao-cell-new{opacity:1;transform:scale(1)}[data-on=true] .ao-cell-new{animation:ao-pop var(--ao-run) var(--ao-ease) both;animation-delay:calc(var(--i) * 6ms)}@keyframes ao-pop{0%,24%{opacity:0;transform:scale(.35)}52%,to{opacity:1;transform:scale(1)}}.ao-credit-bar{width:var(--w)}[data-on=true] .ao-credit-bar{animation:ao-grow var(--ao-run) var(--ao-ease) both;animation-delay:calc(var(--i) * .14s)}@keyframes ao-grow{0%,14%{width:0}52%,to{width:var(--w)}}@media(prefers-reduced-motion:reduce){[data-on=true] .ao-depth-bar,[data-on=true] .ao-swap-from,[data-on=true] .ao-swap-to,[data-on=true] .ao-cell-new,[data-on=true] .ao-wave-old,[data-on=true] .ao-wave-new,[data-on=true] .ao-credit-bar{animation:none}}