/* Menu order controls the direction; application chrome remains still. */
@view-transition{navigation:auto}
html{view-transition-name:none;--page-enter:100%;--page-exit:-100%}
html[data-page-direction=back]{--page-enter:-100%;--page-exit:100%}
#main-content{position:relative}
.page-transition-content{view-transition-name:guild-page;display:flow-root;min-width:0}
.mobile-member-actions{view-transition-name:guild-actions}
.guild-page-sliding #main-content{overflow-x:clip}
::view-transition{pointer-events:none}
::view-transition-group(guild-page){animation:none;overflow:clip}
::view-transition-group(guild-actions){animation:none;z-index:3}
::view-transition-old(guild-actions){display:none}
::view-transition-new(guild-actions){animation:none}
::view-transition-image-pair(guild-page){isolation:auto}
::view-transition-old(guild-page){animation:guild-page-out 600ms cubic-bezier(.32,.1,.2,1) both;mix-blend-mode:normal}
::view-transition-new(guild-page){animation:guild-page-in 600ms cubic-bezier(.32,.1,.2,1) both;mix-blend-mode:normal}
@keyframes guild-page-out{to{transform:translateX(var(--page-exit))}}
@keyframes guild-page-in{from{transform:translateX(var(--page-enter))}to{transform:translateX(0)}}
/* A departing music frame exposes only its content above the incoming page. */
html.guild-page-departing,.guild-page-departing body{background:transparent!important}
.guild-page-departing .app-shell{position:relative;z-index:10001;visibility:hidden;pointer-events:none}
.guild-page-departing .page-transition-content{visibility:visible;clip-path:inset(0 0 var(--page-cover-bottom,0px) 0)}
.guild-page-departing body>:not(.app-shell):not(.music-page-frame):not(.music-navigation-fallback):not([data-background-audio]){visibility:hidden}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 .page-transition-content,.mobile-member-actions{view-transition-name:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}