@view-transition { navigation: auto; }
.vt-product-rainbow-money-box { view-transition-name: product-rainbow-money-box; }
.vt-product-dinosaur-money-box { view-transition-name: product-dinosaur-money-box; }
.vt-product-excavator-money-box { view-transition-name: product-excavator-money-box; }
.vt-product-unicorn-money-box { view-transition-name: product-unicorn-money-box; }
.vt-product-bear-money-box { view-transition-name: product-bear-money-box; }
.vt-product-car-money-box { view-transition-name: product-car-money-box; }
.vt-product-rocket-money-box { view-transition-name: product-rocket-money-box; }
.vt-product-lion-money-box { view-transition-name: product-lion-money-box; }
.vt-product-plane-money-box { view-transition-name: product-plane-money-box; }
.vt-product-garbage-truck-money-box { view-transition-name: product-garbage-truck-money-box; }
.vt-product-robot-money-box { view-transition-name: product-robot-money-box; }
.vt-product-fire-truck-money-box { view-transition-name: product-fire-truck-money-box; }
.vt-product-mermaid-money-box { view-transition-name: product-mermaid-money-box; }
.vt-product-fox-money-box { view-transition-name: product-fox-money-box; }
.vt-product-dump-truck-money-box { view-transition-name: product-dump-truck-money-box; }
.vt-product-seashell-keeper-box { view-transition-name: product-seashell-keeper-box; }
.vt-product-whale-tail-shell-box { view-transition-name: product-whale-tail-shell-box; }
.vt-product-spiral-shell-box { view-transition-name: product-spiral-shell-box; }
.vt-product-sailboat-shell-box { view-transition-name: product-sailboat-shell-box; }
::view-transition-group(*) { animation-duration: var(--dur-default, 400ms); animation-timing-function: var(--spring-default, ease); }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none; }
}