/* Region switch animations (product page region tabs, and their previews in Settings > Appearance).
   JS adds rgx-out-NAME to the old content, swaps it, then rgx-in-NAME to the new content. */
@keyframes rgx-fade-o{to{opacity:0}}
@keyframes rgx-fade-i{from{opacity:0}}
@keyframes rgx-slide-o{to{opacity:0;transform:translateY(-10px)}}
@keyframes rgx-slide-i{from{opacity:0;transform:translateY(10px)}}
@keyframes rgx-blur-o{to{opacity:0;filter:blur(6px)}}
@keyframes rgx-blur-i{from{opacity:0;filter:blur(6px)}}
@keyframes rgx-zoom-o{to{opacity:0;transform:scale(.97)}}
@keyframes rgx-zoom-i{from{opacity:0;transform:scale(1.03)}}
@keyframes rgx-pop-o{to{opacity:0;transform:scale(.95)}}
@keyframes rgx-pop-i{0%{opacity:0;transform:scale(.92)}70%{opacity:1;transform:scale(1.015)}100%{transform:none}}
@keyframes rgx-flip-o{to{opacity:.2;transform:perspective(1400px) rotateX(70deg)}}
@keyframes rgx-flip-i{from{opacity:.2;transform:perspective(1400px) rotateX(-70deg)}}
@keyframes rgx-wipe-o{to{clip-path:inset(0 100% 0 0)}}
@keyframes rgx-wipe-i{from{clip-path:inset(0 0 0 100%)}}
@keyframes rgx-wave-i{from{opacity:0;transform:translateY(12px)}}
.rgx-out-fade{animation:rgx-fade-o 90ms ease forwards}.rgx-in-fade{animation:rgx-fade-i 90ms ease}
.rgx-out-slide{animation:rgx-slide-o 110ms ease forwards}.rgx-in-slide{animation:rgx-slide-i 110ms ease-out}
.rgx-out-blur{animation:rgx-blur-o 120ms ease forwards}.rgx-in-blur{animation:rgx-blur-i 180ms ease-out}
.rgx-out-zoom{animation:rgx-zoom-o 100ms ease forwards}.rgx-in-zoom{animation:rgx-zoom-i 100ms ease-out}
.rgx-out-pop{animation:rgx-pop-o 100ms ease forwards}.rgx-in-pop{animation:rgx-pop-i 160ms ease-out}
.rgx-out-flip{animation:rgx-flip-o 130ms ease-in forwards;transform-origin:50% 0}.rgx-in-flip{animation:rgx-flip-i 130ms ease-out;transform-origin:50% 0}
.rgx-out-wipe{animation:rgx-wipe-o 120ms ease-in forwards}.rgx-in-wipe{animation:rgx-wipe-i 120ms ease-out}
.rgx-out-wave{animation:rgx-fade-o 80ms ease forwards}.rgx-in-wave .card,.rgx-in-wave>.rgx-part{animation:rgx-wave-i 160ms ease-out both;animation-delay:calc(var(--i,0) * 45ms)}
@media (prefers-reduced-motion:reduce){[class*=rgx-]{animation:none!important}}