:root{--motion-fast:.18s;--motion-exit:.14s;--motion-page:.42s;--motion-ease-enter:cubic-bezier(.16, 1, .3, 1)}@view-transition{navigation:auto}.site-header{view-transition-name:station-header}#main{view-transition-name:station-page}.site-footer{view-transition-name:station-footer}html[data-motion-pending] #main{opacity:0}::view-transition{pointer-events:none}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-group(station-header){animation-duration:var(--motion-fast)}::view-transition-old(station-header),::view-transition-new(station-header){animation-duration:var(--motion-fast);animation-timing-function:var(--motion-ease-enter)}::view-transition-group(station-page){animation:none}::view-transition-old(station-page){height:auto;animation:station-page-out var(--motion-exit) linear both;mix-blend-mode:normal}::view-transition-new(station-page){height:auto;animation:station-page-in var(--motion-page) var(--motion-ease-enter) var(--motion-exit) both;mix-blend-mode:normal}:root[data-motion-route=read]::view-transition-new(station-page){animation-name:station-reading-in}::view-transition-group(station-footer),::view-transition-old(station-footer),::view-transition-new(station-footer){animation-duration:.24s;animation-timing-function:var(--motion-ease-enter)}@keyframes station-page-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(12px)}}@keyframes station-page-in{0%{opacity:0;filter:blur(12px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:none}}@keyframes station-reading-in{0%{opacity:0;filter:blur(12px);transform:translateY(6px)scale(.997)}to{opacity:1;filter:blur();transform:none}}@media (width<=760px){:root{--motion-exit:.1s;--motion-page:.34s}}
