/* First-paint protection keeps the incoming sidebar outside the viewport. */
@media(min-width:761px){
 html.mail-surface-entering .mail-sidebar{translate:-110% 0}
 html.mail-surface-entering .mail-content{opacity:0;translate:0 10px}
 html:is(.mail-surface-entering,.mail-surface-leaving) .mail-sidebar{transition:none!important;pointer-events:none}
 html.mail-surface-leaving .mail-content{pointer-events:none}
 html.mail-surface-leaving::view-transition-old(root),html.mail-surface-leaving::view-transition-new(root){animation:none!important}
}
@media(prefers-reduced-motion:reduce){
 html.mail-surface-entering .mail-sidebar{translate:none}
 html.mail-surface-entering .mail-content{opacity:1;translate:none}
}