/* GENERATED FILE. DO NOT EDIT.
 * Copied verbatim by scripts/sync-tokens.mjs from ../site/src/vt.css.
 */
 

@view-transition { navigation: auto }

 
.nav2       { view-transition-name: apa-nav }
.fmark      { view-transition-name: apa-badge }
#apaconsent { view-transition-name: apa-consent }

 
.ntab.on   { view-transition-name: apa-navpill }
 
.nav2 .nlinks { view-transition-name: apa-navlinks }
::view-transition-group(apa-navlinks){z-index:3}
::view-transition-group(apa-navpill){z-index:2;
  animation-duration:.55s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-group(apa-nav){z-index:1}
::view-transition-old(apa-navpill){display:none}
::view-transition-new(apa-navpill){animation:none}
::view-transition-image-pair(apa-navpill){
  animation:vtPillGoo .55s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 50%}
@keyframes vtPillGoo{0%{transform:scale(1,1)}38%{transform:scale(1.22,.86)}100%{transform:scale(1,1)}}

 
header.pk-open { view-transition-name: apa-pagehead }
::view-transition-old(apa-pagehead),
::view-transition-new(apa-pagehead){
  height:100%;object-fit:none;object-position:top left}
 
::view-transition-old(apa-pagehead){
  animation-duration:.18s;animation-timing-function:cubic-bezier(.4,0,1,1)}
::view-transition-new(apa-pagehead){
  animation-duration:.30s;animation-delay:.12s;
  animation-timing-function:cubic-bezier(0,0,.2,1)}

 
::view-transition-old(apa-coach-midge),
::view-transition-new(apa-coach-midge),
::view-transition-old(apa-coach-ivo),
::view-transition-new(apa-coach-ivo){
  height:100%;object-fit:cover}
::view-transition-old(apa-coach-midge),
::view-transition-old(apa-coach-ivo){display:none}
::view-transition-new(apa-coach-midge),
::view-transition-new(apa-coach-ivo){animation:none}
::view-transition-group(apa-coach-midge),
::view-transition-group(apa-coach-ivo){
  animation-duration:.42s;animation-timing-function:cubic-bezier(.45,.05,.25,1)}

 
::view-transition-group(apa-nav),
::view-transition-group(apa-navlinks),
::view-transition-new(apa-nav),
::view-transition-new(apa-navlinks){animation:none}
::view-transition-old(apa-nav),
::view-transition-old(apa-navlinks){display:none}

::view-transition-group(apa-badge),
::view-transition-group(apa-consent),
::view-transition-old(apa-badge), ::view-transition-new(apa-badge),
::view-transition-old(apa-consent),::view-transition-new(apa-consent){
  animation-duration:.2s;animation-timing-function:ease}

 
html[data-vt="fade"]::view-transition-old(root){
  animation:vtFadeOut .30s cubic-bezier(.22,1,.36,1) both}
html[data-vt="fade"]::view-transition-new(root){
  animation:vtFadeIn .40s cubic-bezier(.22,1,.36,1) both}
@keyframes vtFadeOut{to{opacity:0;transform:translateY(-8px)}}
@keyframes vtFadeIn{from{opacity:0;transform:translateY(14px)}}

 
 
html[data-vt="pull"]::view-transition-old(root){
  z-index:2;transform-origin:50% 0;
  animation:vtPullOut .52s cubic-bezier(.65,0,.35,1) both}
html[data-vt="pull"]::view-transition-new(root){
  z-index:1;animation:vtPullUnder .52s cubic-bezier(.22,1,.36,1) both}
@keyframes vtPullOut{
  0%{transform:translateY(0);filter:drop-shadow(0 0 0 rgba(11,10,6,0))}
  100%{transform:translateY(-100%);filter:drop-shadow(0 26px 44px rgba(11,10,6,.30))}}
 
@keyframes vtPullUnder{from{transform:translateY(3%) scale(.985)}to{transform:none}}

 
 
 
html[data-vt="wipe"]::view-transition-old(root){
  z-index:1;animation:vtHold .45s linear both}
html[data-vt="wipe"]::view-transition-new(root){
  z-index:2;animation:vtWipe .45s cubic-bezier(.76,0,.24,1) both}
@keyframes vtHold{to{transform:scale(.99)}}
@keyframes vtWipe{
  from{clip-path:inset(0 0 100% 0)}
  to{clip-path:inset(0 0 0 0)}}
 

 
html[data-vt="push"]::view-transition-old(root){
  z-index:1;animation:vtPushOut .5s cubic-bezier(.4,0,.2,1) both}
html[data-vt="push"]::view-transition-new(root){
  z-index:2;animation:vtPushIn .5s cubic-bezier(.22,1,.36,1) both}
@keyframes vtPushOut{
  to{transform:translateX(-32%);filter:brightness(.86)}}
@keyframes vtPushIn{
  from{transform:translateX(100%);box-shadow:-24px 0 48px rgba(11,10,6,.28)}
  to{transform:none;box-shadow:-24px 0 0 rgba(11,10,6,0)}}

 
html[data-vt="settle"]::view-transition-old(root){
  z-index:1;animation:vtSettleOut .38s cubic-bezier(.4,0,1,1) both}
html[data-vt="settle"]::view-transition-new(root){
  z-index:2;animation:vtSettleIn .42s cubic-bezier(.22,1,.36,1) both}
@keyframes vtSettleOut{to{transform:scale(.955);filter:brightness(.9)}}
@keyframes vtSettleIn{from{transform:scale(1.035);opacity:0}
  30%{opacity:1}to{transform:none;opacity:1}}

 

 
@media (prefers-reduced-motion: reduce) {
  html:not([data-force="on"])::view-transition-old(root){animation:vtRmOut .12s linear both!important}
  html:not([data-force="on"])::view-transition-new(root){animation:vtRmIn .12s linear both!important}
  html:not([data-force="on"])::view-transition-group(*),
  html:not([data-force="on"])::view-transition-old(*),
  html:not([data-force="on"])::view-transition-new(*){animation-duration:.12s}
  html:not([data-force="on"])::view-transition-image-pair(apa-navpill){animation:none!important}
}
 
@keyframes vtRmOut{to{opacity:0}}
@keyframes vtRmIn{from{opacity:0}}

 
html.vt-enter{opacity:0}
html.vt-enter body{visibility:visible}
@media (prefers-reduced-motion: reduce){ html.vt-enter{opacity:0} }


 
html:not([data-vt])::view-transition-old(root){
  z-index:1;animation:vtHold .42s linear both}
html:not([data-vt])::view-transition-new(root){
  z-index:2;animation:vtSeam .42s cubic-bezier(.45,.05,.25,1) both}
@keyframes vtSeam{
  from{clip-path:inset(50% 0 50% 0)}
  to{clip-path:inset(0 0 0 0)}}