:root{--ghost-banner-height:0px;--app-viewport-height:100vh;--app-available-height:calc(var(--app-viewport-height) - var(--ghost-banner-height))}@supports (height:100dvh){:root{--app-viewport-height:100dvh}}@supports (height:100svh){:root{--app-viewport-height:100svh}}.ghost-mode-banner{z-index:45;min-height:48px;padding-top:env(safe-area-inset-top,0px);padding-bottom:4px}@media (max-width:639px){.ghost-mode-banner{flex-wrap:wrap;gap:6px;padding-bottom:8px}.ghost-mode-identity{flex-basis:calc(100% - 65px)}.ghost-mode-actions{justify-content:flex-end;width:100%}}html[data-ghost-layout] .app-viewport{padding-top:var(--ghost-banner-height)}html[data-ghost-layout] .app-viewport .min-h-screen,html[data-ghost-layout] .app-viewport .min-h-screen.flex.items-center.justify-center,html[data-ghost-layout] .app-viewport .min-h-\[100dvh\]{min-height:var(--app-available-height)!important}html[data-ghost-layout] .app-viewport .h-screen{height:var(--app-available-height)!important;min-height:0!important}html[data-ghost-layout] .app-shell,html[data-ghost-layout] .app-shell.flex.h-screen.mobile-no-scroll{width:100%;position:relative;height:var(--app-available-height)!important;min-height:0!important;overflow:hidden!important}html[data-ghost-layout] .app-shell-body,html[data-ghost-layout] .app-shell-body.flex-1.flex.flex-col.overflow-hidden{min-width:0;height:100%!important;min-height:0!important;overflow:hidden!important}html[data-ghost-layout] [data-shell-header]{flex:none;min-width:0;position:relative!important;top:auto!important}html[data-ghost-layout] .app-shell-body>:not([data-shell-header]){flex-shrink:1;min-width:0;min-height:0!important}html[data-ghost-layout] .app-shell-body>main,html[data-ghost-layout] .app-shell-body>.overflow-y-auto,html[data-ghost-layout] .app-shell-body>.mobile-main-content{height:auto!important;min-height:0!important;overflow-y:auto!important}html[data-ghost-layout] .app-shell .min-h-screen{min-height:0!important}html[data-ghost-layout] .app-shell-body>.h-screen{flex:1;height:auto!important}html[data-ghost-layout] .shell-notifications{max-height:calc(var(--app-available-height) - var(--header-height,64px) - 8px);top:calc(var(--ghost-banner-height) + var(--header-height,64px))!important}html[data-ghost-layout] .ghost-review-toolbar,html[data-ghost-layout] .ghost-review-surface{top:var(--ghost-banner-height)}html[data-ghost-layout] .ghost-public-sticky{top:var(--ghost-banner-height);z-index:30}html[data-ghost-layout] .ghost-review-sticky{z-index:20}html[data-ghost-layout] .ghost-portal-surface{top:var(--ghost-banner-height)}@media (min-width:640px){html[data-ghost-layout] .ghost-academy-route [class~=sm\:min-h-screen]{min-height:var(--app-available-height)!important}}@media (max-width:767px){html[data-ghost-layout] #mobile-sidebar{max-width:calc(100vw - 16px);left:0;top:var(--ghost-banner-height)!important;height:var(--app-available-height)!important;z-index:41!important}html[data-ghost-layout] .ghost-sidebar-backdrop{top:var(--ghost-banner-height);z-index:40!important}html[data-ghost-layout] .app-shell .mobile-main-content,html[data-ghost-layout] .app-shell .mobile-content-padding{padding-top:12px!important}html[data-ghost-layout] .app-shell .ghost-messages-surface{height:auto!important;max-height:none!important;padding-top:0!important;overflow:hidden!important}html[data-ghost-layout] .ghost-conversation-header{z-index:30;flex-shrink:0;position:relative!important;top:auto!important}html[data-ghost-layout] .ghost-messages-surface .mobile-conversation-container{position:relative!important;inset:auto!important}html[data-ghost-layout] .ghost-messages-surface .mobile-conversation-container,html[data-ghost-layout] .ghost-messages-surface main{height:100%!important;min-height:0!important;padding-top:0!important;overflow:hidden!important}html[data-ghost-layout] .ghost-messages-surface .mobile-conversations-list{flex:1;height:auto!important;min-height:0!important;max-height:none!important}html[data-ghost-layout] .ghost-messages-surface .brand-messages-sticky-search,html[data-ghost-layout] .ghost-review-sticky{top:0!important}}@media (max-width:639px){html[data-ghost-layout] .ghost-academy-route .fixed.inset-0{top:var(--ghost-banner-height)}}