/* Native cross-document navigation, progressively enhanced with one shared product surface. */
@view-transition{navigation:auto}
::view-transition-group(portal-product){animation-duration:.8s;animation-timing-function:cubic-bezier(.22,.65,.22,1)}
::view-transition-old(portal-product),::view-transition-new(portal-product){height:100%;width:100%;object-fit:contain;mix-blend-mode:normal;border-radius:12px}
::view-transition-old(portal-product){animation:portal-out .8s ease both}::view-transition-new(portal-product){animation:portal-in .8s ease both}
::view-transition-old(root){animation:page-out .45s ease both;mix-blend-mode:normal}::view-transition-new(root){animation:none;mix-blend-mode:normal}
@keyframes portal-out{0%,35%{opacity:1}100%{opacity:0;transform:scale(1.12)}}@keyframes portal-in{0%{opacity:0;transform:scale(.9)}45%{opacity:1}100%{opacity:1;transform:scale(1)}}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
.f-scene .v-image{view-transition-name:portal-product}
html[data-gallery-motion=off]::view-transition-group(*),html[data-gallery-motion=off]::view-transition-old(*),html[data-gallery-motion=off]::view-transition-new(*){animation:none!important}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}