/* One restrained motion language for page changes and transient panels. */
:root{--siren-motion-time:240ms;--siren-motion-ease:cubic-bezier(.2,.7,.2,1)}
@keyframes siren-content-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes siren-fade-in{from{opacity:0}to{opacity:1}}
@keyframes siren-fade-out{from{opacity:1}to{opacity:0}}
#content,.comments{animation:siren-content-in 280ms var(--siren-motion-ease)}
#content .post-list,#content .post-list-thumb,#content .notice,#content .top-feature{animation:none}
.headertop,.pattern-center{animation:siren-fade-in 320ms ease}
/* Native navigation (including login/recovery and PJAX-disabled sites). */
@view-transition{navigation:auto}
::view-transition-old(root){animation:siren-fade-out 160ms ease both}
::view-transition-new(root){animation:siren-fade-in 240ms ease both}

.siren-enhanced .site-header .navigation-collapsible>nav,
.header-user-avatar .header-user-menu,
.site-header .navigation-expanded li>ul,
.single-reward .reward-main,
.top-social .wechat .wechatInner{
 display:block;animation:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);
 transition:opacity var(--siren-motion-time) ease,transform var(--siren-motion-time) var(--siren-motion-ease),visibility 0s var(--siren-motion-time);
}
.siren-enhanced .site-header .navigation-collapsible>nav.navbar,
.header-user-avatar:is(:hover,:focus-within) .header-user-menu,
.site-header .navigation-expanded li:is(:hover,:focus-within)>ul,
.single-reward .reward-open:is(:hover,:focus,:focus-within) .reward-main,
.top-social .wechat:is(:hover,:focus-within) .wechatInner{
 opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s;
}
#search-dialog,#search-dialog .search-form,#search-dialog .search-form__inner{animation:none;transition:none}
#search-dialog[open]::backdrop{animation:siren-fade-in 200ms ease}
#search-dialog[data-closing]::backdrop{animation:siren-fade-out 160ms ease both}
#baguetteBox-overlay{animation:none;transition:none}
@media(max-width:860px){
 #main-container,#mo-nav,.openNav{transition-duration:280ms;transition-timing-function:var(--siren-motion-ease)}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-old(root),::view-transition-new(root){animation:none}
 .site-header .navigation-collapsible>nav,.header-user-avatar .header-user-menu,.site-header .navigation-expanded li>ul,.single-reward .reward-main,.top-social .wechat .wechatInner{transition-delay:0s}
}