/* Website-only navigation alignment and mobile sidebar behavior. */
body #main-nav.nav,body #main-nav.nav:not(:has(#mail-account:not([hidden]))){height:106px;min-height:106px;padding-top:0;padding-bottom:0;align-items:center;align-content:center;flex-wrap:nowrap}
#main-nav .brand,#main-nav .nav-controls,#main-nav .mail-account{align-items:center;align-self:center;margin-top:0;margin-bottom:0}
#main-nav .brand-logo{display:flex;align-items:center;line-height:1}
#main-nav .brand-logo img{display:block}
#main-nav .wordmark{display:flex;align-items:center;line-height:1;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}
@media(max-width:760px){body #main-nav.nav,body #main-nav.nav:not(:has(#mail-account:not([hidden]))){height:98px;min-height:98px}}
#main-nav #mail-me-link,.settings-email #main-nav #back-email{top:50%;bottom:auto;transform:translate(-50%,-50%);margin-top:0;margin-bottom:0;line-height:1.2}
#main-nav .mail-search-toggle{display:grid;place-items:center;padding:0;line-height:0}
#main-nav .mail-search-toggle svg{display:block;margin:0;flex:none}
.settings-email #settings-sidebar-collapse{display:none}
/* Settings has its own account element; do not apply the guest Mail height. */
.settings-email #main-nav,.settings-email #main-nav:not(:has(#mail-account:not([hidden]))){height:var(--mail-nav-height);min-height:var(--mail-nav-height)}
@media(max-width:760px){
 .settings-email .mail-sidebar{min-width:0;overflow-x:hidden;overflow-y:auto;align-items:stretch}
 .settings-email .folders{flex-shrink:0}
 .settings-email .sidebar-bottom{margin-top:auto;flex-shrink:0;background:transparent}
 .settings-email #settings-sidebar-collapse{display:block;width:100%;min-height:36px;padding:6px;border:0;background:transparent;color:var(--mint);font:bold 18px Arial,sans-serif;cursor:pointer}
 .settings-email #settings-sidebar-collapse:hover{background:#7bf4cf12}
 .mail-session.sidebar-collapsed .mail-workspace{grid-template-columns:0 minmax(0,1fr);grid-template-rows:minmax(0,1fr);transition:none}
 .mail-session.sidebar-collapsed .mail-sidebar{width:0;min-width:0;padding:0!important;margin:0;border:0;background:transparent;overflow:visible;pointer-events:none;gap:0}
 .mail-session.sidebar-collapsed .mail-sidebar>:not(.sidebar-bottom){display:none!important}
 .mail-session.sidebar-collapsed .mail-sidebar .sidebar-bottom{display:block;position:fixed;left:8px;bottom:10px;width:36px;margin:0;padding:0;background:var(--panel);z-index:1010;pointer-events:auto}
 .mail-session.sidebar-collapsed .sidebar-bottom>:not(#sidebar-collapse):not(#settings-sidebar-collapse){display:none!important}
 .mail-session.sidebar-collapsed .mail-content{grid-column:2;min-width:0;width:100%}
 .mail-session.sidebar-collapsed .compose-expanded:not(.compose-inline){left:0}
 .settings-email.sidebar-collapsed .mail-content{padding-left:14px;padding-right:14px}
 .settings-email .mail-content{overflow-x:hidden;overflow-wrap:anywhere}
 .settings-email .theme-grid{max-width:100%;min-width:0}
}

@media(max-width:760px){
 .mail-session .mail-workspace,.mail-session.sidebar-collapsed .mail-workspace{transition:grid-template-columns .24s ease}
 .mail-session .mail-sidebar{transition:width .24s ease;min-width:0}
 .mail-session.sidebar-collapsed .mail-sidebar .sidebar-bottom{bottom:var(--mail-sidebar-arrow-bottom,57px)}
 .settings-email.sidebar-collapsed .mail-sidebar .sidebar-bottom{bottom:var(--mail-sidebar-arrow-bottom,25px)}
 .sidebar-arrow-animate{animation:sidebar-arrow-change .2s ease}
 @keyframes sidebar-arrow-change{from{opacity:.4;transform:translateX(-3px)}to{opacity:1;transform:translateX(0)}}
}
@media(prefers-reduced-motion:reduce){
 .mail-session .mail-workspace,.mail-session.sidebar-collapsed .mail-workspace,.mail-session .mail-sidebar{transition:none}
 .sidebar-arrow-animate{animation:none}
}

/* Keep the mobile mailbox scrollable without a visible scrollbar. */
@media(max-width:760px){
 .mail-session:not(.settings-email) .mail-sidebar,.mail-session:not(.settings-email) .sidebar-scroll{scrollbar-width:none;-ms-overflow-style:none}
 .mail-session:not(.settings-email) .mail-sidebar::-webkit-scrollbar,.mail-session:not(.settings-email) .sidebar-scroll::-webkit-scrollbar{display:none;width:0;height:0}
}