@view-transition{navigation:auto}
::view-transition-old(root){animation:kosmos-page-out 180ms ease both}
::view-transition-new(root){animation:kosmos-page-in 240ms cubic-bezier(.23,1,.32,1) both}
html.kosmos-theme-reveal::view-transition-old(root),html.kosmos-theme-reveal::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.kosmos-theme-reveal::view-transition-new(root){z-index:2}
@keyframes kosmos-page-in{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes kosmos-page-out{to{opacity:.2;transform:translateY(-4px)}}
@keyframes kosmos-icon-turn{0%{transform:translateY(0) rotate(0);opacity:1}45%{transform:translateY(5px) rotate(-35deg) scale(.75);opacity:.4}100%{transform:none;opacity:1}}
.kosmos-icon-turn svg,.kosmos-icon-turn .sym{animation:kosmos-icon-turn 520ms cubic-bezier(.23,1,.32,1)}
html.kosmos-theme-fallback body,html.kosmos-theme-fallback main,html.kosmos-theme-fallback .card,html.kosmos-theme-fallback .appbar,html.kosmos-theme-fallback .auth-system-frame{transition:background-color 520ms ease,color 520ms ease,border-color 520ms ease,box-shadow 520ms ease}
@supports not (view-transition-name:root){main{animation:kosmos-page-in 220ms ease both}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}.kosmos-icon-turn svg,.kosmos-icon-turn .sym{animation:none}html.kosmos-theme-fallback body,html.kosmos-theme-fallback main,html.kosmos-theme-fallback .card{transition-duration:150ms}main{animation:none!important}}