.portal-shell{--portal-safe-bottom:env(safe-area-inset-bottom,0px);--portal-safe-max-bottom:env(safe-area-max-inset-bottom,36px);--portal-safe-top:env(safe-area-inset-top,0px);--portal-safe-left:env(safe-area-inset-left,0px);--portal-safe-right:env(safe-area-inset-right,0px);--portal-mobile-nav-height:64px;height:100vh;overflow:hidden}@supports (overflow:clip){.portal-shell{overflow:clip}}@supports (height:100dvh){.portal-shell{height:100dvh}}.portal-shell .portal-main{min-height:0;padding-bottom:calc(var(--portal-mobile-nav-height) + max(var(--portal-safe-bottom), var(--portal-safe-max-bottom)) + 1rem);scroll-padding-bottom:calc(var(--portal-mobile-nav-height) + max(var(--portal-safe-bottom), var(--portal-safe-max-bottom)) + 1rem)}.portal-shell .portal-mobile-nav{height:calc(var(--portal-mobile-nav-height) + var(--portal-safe-max-bottom));padding-bottom:var(--portal-safe-max-bottom);bottom:calc(var(--portal-safe-bottom) - var(--portal-safe-max-bottom))}.portal-shell .portal-mobile-nav-items{height:100%;padding-left:max(.5rem,var(--portal-safe-left));padding-right:max(.5rem,var(--portal-safe-right))}.portal-shell .portal-mobile-nav-item{flex:1;min-width:0;min-height:48px;padding-left:.25rem;padding-right:.25rem}.portal-shell .portal-mobile-nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-shell .portal-mobile-drawer{left:max(.75rem,var(--portal-safe-left));right:max(.75rem,var(--portal-safe-right));bottom:calc(var(--portal-mobile-nav-height) + var(--portal-safe-bottom) + .75rem);max-height:max(0px,calc(100% - var(--portal-mobile-nav-height) - var(--portal-safe-bottom) - var(--portal-safe-top) - 1.5rem));overflow-y:auto;overscroll-behavior:contain}@media (min-width:48rem){.portal-shell .portal-main{padding-bottom:0;scroll-padding-bottom:1rem}}