/* Native document navigation keeps normal links, history and form handling. */
@view-transition{navigation:auto}

.berry-site .bp-site-header{view-transition-name:berry-header}

::view-transition-group(root),
::view-transition-group(berry-header){animation:none}

::view-transition-old(root){animation:bp-page-out .28s ease-in-out both}
::view-transition-new(root){animation:bp-page-in .28s ease-in-out both}
::view-transition-old(berry-header){animation:bp-page-out .18s ease-in-out both}
::view-transition-new(berry-header){animation:bp-page-in .18s ease-in-out both}

/* Older browsers get a light entrance without delaying or intercepting links. */
.bp-page-fade #main-content{animation:bp-page-in .28s ease-out both}

@keyframes bp-page-in{from{opacity:0}to{opacity:1}}
@keyframes bp-page-out{from{opacity:1}to{opacity:0}}

@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  .bp-page-fade #main-content{animation:none}
}