/* Let the browser retain the outgoing frame until the incoming view is ready. */
html{background:#0e1013}
@media(min-width:901px){html{scrollbar-gutter:stable}}
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  html[data-shared-navigation] .header{view-transition-name:veloce-header}
}
::view-transition{pointer-events:none}
::view-transition-group(root),::view-transition-group(veloce-header){animation:none}
::view-transition-image-pair(root){isolation:isolate}
::view-transition-old(root){animation:veloce-view-out .3s cubic-bezier(.4,0,.2,1) both;mix-blend-mode:plus-lighter}
::view-transition-new(root){animation:veloce-view-in .3s cubic-bezier(.4,0,.2,1) both;mix-blend-mode:plus-lighter}
/* Keep the shared navigation anchored, with no geometry interpolation. */
::view-transition-old(veloce-header){display:none}
::view-transition-new(veloce-header){animation:none;opacity:1}
@keyframes veloce-view-out{to{opacity:0}}
@keyframes veloce-view-in{from{opacity:0}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}