/* The contact snapshot stays above the site in both directions. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
html[data-contact-transition]::view-transition-group(root){animation:none}
html[data-contact-transition]::view-transition-image-pair(root){isolation:isolate}
html[data-contact-transition=enter]::view-transition-old(root),
html[data-contact-transition=leave]::view-transition-new(root){z-index:1;animation:contact-snapshot-hold 1.22s linear both}
html[data-contact-transition=enter]::view-transition-new(root),
html[data-contact-transition=leave]::view-transition-old(root){
 z-index:2;opacity:1;
 mask-image:url('#contact-liquid-mask');mask-repeat:no-repeat;mask-mode:alpha;
 animation:contact-snapshot-hold 1.22s linear both;
}
@keyframes contact-snapshot-hold{from{opacity:1}to{opacity:1}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}