/* Native document navigation keeps URLs, page scripts and browser history. */
@view-transition{navigation:auto}
.gallery-ui .site-header{view-transition-name:aircard-header}
html[data-card-incoming] :is(.detail-preview,.community-full-image){visibility:hidden}
.card-navigation-ghost{position:fixed;z-index:1000;display:block;max-width:none;object-fit:fill;pointer-events:none;transform-origin:0 0;border-radius:3.714953271% / calc(3.714953271% * var(--card-display-ratio,1.585139319))}
::view-transition{pointer-events:none}
::view-transition-group(root){animation-duration:.2s}
::view-transition-group(aircard-header){animation:none}
/* Disabling the group animation alone leaves two opaque header snapshots. */
::view-transition-old(aircard-header){display:none}
::view-transition-new(aircard-header){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-old(root){animation:aircard-page-out .16s ease both}
::view-transition-new(root){animation:aircard-page-in .2s ease both}
/* The returning list is the stationary backdrop for the shrinking card.
   Fading its root snapshot would fade every card, even with cached pixels. */
html[data-card-navigation="back"]::view-transition-old(root){display:none}
html[data-card-navigation="back"]::view-transition-new(root){animation:none;opacity:1;mix-blend-mode:normal}

/* The browser interpolates the shared artwork's position and dimensions on
   its own composited surface; the document layout stays still. */
::view-transition-group(aircard-artwork){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
html[data-card-navigation="back"]::view-transition-group(aircard-artwork){animation-duration:.44s}
::view-transition-image-pair(aircard-artwork){isolation:isolate}
::view-transition-old(aircard-artwork),::view-transition-new(aircard-artwork){height:100%;width:100%;mix-blend-mode:normal;animation:none}
/* Move the already-painted outgoing pixels for the whole flight. The incoming
   snapshot is live and can briefly paint an empty image while its source changes. */
::view-transition-new(aircard-artwork){display:none}
@keyframes aircard-page-out{to{opacity:0}}
@keyframes aircard-page-in{from{opacity:0}}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*){animation:none!important}
}