/* One transition vocabulary on every public page. */
:root{
  --mari-page-transition-bg:#130b25;
  --mari-page-transition-ease:cubic-bezier(.22,1,.36,1);
  --mari-page-transition-in:340ms;
}
html{background-color:var(--mari-page-transition-bg)}
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:var(--mari-page-transition-in);animation-timing-function:var(--mari-page-transition-ease)}
::view-transition-image-pair(root){isolation:isolate}
::view-transition-old(root){animation:mari-page-old var(--mari-page-transition-in) var(--mari-page-transition-ease) both;mix-blend-mode:plus-lighter}
::view-transition-new(root){animation:mari-page-new var(--mari-page-transition-in) var(--mari-page-transition-ease) both;mix-blend-mode:plus-lighter}
@keyframes mari-page-old{from{opacity:1}to{opacity:0}}
@keyframes mari-page-new{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html.mari-nav-fallback-out body{opacity:.72;transition:opacity 140ms ease-out!important}
html.mari-nav-arriving body{animation:mari-page-fallback-in var(--mari-page-transition-in) var(--mari-page-transition-ease) both}
@keyframes mari-page-fallback-in{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){:root{--mari-page-transition-in:300ms}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}
  html.mari-nav-fallback-out body,html.mari-nav-arriving body{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
}