:root{--dn-page-out:.26s;--dn-page-in:.38s;--dn-page-hold:90ms}::view-transition-group(.dn-page){animation-duration:calc(var(--dn-page-hold) + var(--dn-page-in))}::view-transition-old(.dn-page){mix-blend-mode:normal;backface-visibility:hidden}::view-transition-new(.dn-page){mix-blend-mode:normal;backface-visibility:hidden}::view-transition-old(.dn-page){clip-path:inset(var(--dn-scroll,0px) 0 calc(100% - var(--dn-scroll,0px) - 100vh) 0);transform-origin:50% calc(var(--dn-scroll,0px) + 50vh);animation:dn-page-out var(--dn-page-out) cubic-bezier(.4, 0, 1, 1) both}::view-transition-new(.dn-page){clip-path:inset(0 0 calc(100% - 100vh));transform-origin:50% 50vh;animation:dn-page-in var(--dn-page-in) cubic-bezier(.23, 1, .32, 1) var(--dn-page-hold) both}@keyframes dn-page-out{0%{opacity:1;transform:perspective(1000px)translate(0)translateZ(0)rotateY(0)}72%{opacity:1}to{opacity:0;transform:perspective(1000px)translate(-58%)translateZ(-280px)rotateY(-34deg)}}@keyframes dn-page-in{0%{opacity:0;transform:perspective(1000px)translate(58%)translateZ(-280px)rotateY(34deg)}22%{opacity:1}to{opacity:1;transform:perspective(1000px)translate(0)translateZ(0)rotateY(0)}}::view-transition-group(dn-header){z-index:10;animation:none}::view-transition-old(dn-header){display:none}::view-transition-new(dn-header){animation:none}::view-transition{pointer-events:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}