/* Load in the document head: the closed mobile menu must never flash on navigation. */
@view-transition{navigation:auto}
::view-transition-group(*){animation-duration:120ms;animation-timing-function:ease-out}
::view-transition-old(portal-header),::view-transition-new(portal-header),
::view-transition-old(portal-team),::view-transition-new(portal-team),
::view-transition-old(portal-tabs),::view-transition-new(portal-tabs){animation:none;mix-blend-mode:normal}
::view-transition-old(portal-header),::view-transition-old(portal-team),::view-transition-old(portal-tabs){display:none}
body>aside[data-portal-sidebar]{view-transition-name:portal-header}
body>.app>header{view-transition-name:portal-team}
body>#portal-bottom-navigation{view-transition-name:portal-tabs}
@media(max-width:820px){
  :root{--portal-header-height:calc(56px + env(safe-area-inset-top,0px));--portal-team-height:62px}
  html{scroll-padding-top:calc(var(--portal-header-height) + var(--portal-team-height) + 12px)}
  body>aside[data-portal-sidebar]{position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--portal-header-height)!important;min-height:var(--portal-header-height)!important;padding-top:env(safe-area-inset-top,0px)!important;box-sizing:border-box!important;z-index:1100!important;transform:none!important}
  body>aside[data-portal-sidebar]>nav,body>aside[data-portal-sidebar]>.portal-signout,body>aside[data-portal-sidebar]>[data-staff-inbox-link]{display:none!important}
  body>.app{padding-top:calc(var(--portal-header-height) + var(--portal-team-height))!important}
  body>.app>header{position:fixed!important;top:var(--portal-header-height)!important;left:0!important;right:0!important;width:100%!important;height:var(--portal-team-height)!important;min-height:var(--portal-team-height)!important;box-sizing:border-box!important;z-index:1090!important;margin:0!important;padding:8px 12px!important;display:flex!important;align-items:center!important;gap:10px!important;transform:none!important}
  html body>.app>header>form{height:44px!important;min-height:0!important;margin:0!important;padding:0!important;min-width:0!important;flex:1!important;display:flex!important;align-items:center!important}
  html body>.app>header>form select{height:44px!important;min-height:44px!important;max-height:44px!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;font-size:16px!important;line-height:normal!important;padding:0 28px 0 10px!important}
  body>.app>header .portal-header-actions{height:44px!important;min-width:0!important;display:flex!important;align-items:center!important;flex-shrink:0!important}
  body>.app>header .portal-message-alert{width:40px!important;height:40px!important;min-height:0!important;box-sizing:border-box!important;margin:0!important}
  body>.app>header .portal-header-actions>span{display:none!important}
  body>.concept-mobile-drawer{top:var(--portal-header-height)!important;bottom:calc(71px + env(safe-area-inset-bottom,0px))!important}
  body:not(.concept-mobile-menu-open)>.concept-mobile-drawer{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}