.installed-navigation{z-index:45;box-sizing:border-box;height:calc(44px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(8px,env(safe-area-inset-right,0px)) 0 max(8px,env(safe-area-inset-left,0px));color:#244b58;background:#f3f8fa;border-bottom:1px solid #cadde3;justify-content:space-between;align-items:center;gap:12px;font:600 14px/1 Arial,Helvetica,sans-serif;display:flex;position:fixed;inset:0 0 auto}.installed-navigation button,.installed-navigation a{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin:0;padding:0 10px;text-decoration:none;display:inline-flex}.installed-navigation button:hover,.installed-navigation a:hover{background:#e1eff2}:is(.installed-navigation button:focus-visible,.installed-navigation a:focus-visible){outline-offset:-3px;outline:2px solid #008b97}html[data-installed-navigation]{--installed-navigation-height:calc(44px + env(safe-area-inset-top,0px))}html[data-installed-navigation] body{padding-top:var(--installed-navigation-height)}html[data-installed-navigation] .application-shell{height:calc(100dvh - var(--installed-navigation-height))}html[data-installed-navigation-inline]{--installed-navigation-height:env(safe-area-inset-top,0px)}html[data-installed-navigation-inline] body>.installed-navigation{display:none}header .installed-inline-back{color:#285562;cursor:pointer;background:#f4f9fa;border:1px solid #d5e2e4;border-radius:8px;flex:0 0 44px;order:-1;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}header .installed-inline-back:hover{background:#e1eff2}header .installed-inline-back:focus-visible{outline-offset:2px;outline:2px solid #008b97}.gh-header:has(>.installed-inline-back){justify-content:flex-start;gap:12px}.gh-header:has(>.installed-inline-back)>nav{min-width:0;margin-left:auto}@media (max-width:760px){.gh-header:has(>.installed-inline-back){gap:8px}.gh-header:has(>.installed-inline-back) .gh-brand{font-size:26px}.gh-header:has(>.installed-inline-back) .gh-nav-action{white-space:normal;text-align:center;padding:8px 10px;line-height:1.25}}@media (max-width:700px){html[data-installed-navigation-inline] .studio-shell .topbar:has(.order-draft-indicator):has(#studio-header-navigation:not(:empty)){column-gap:4px}html[data-installed-navigation-inline] .studio-shell .topbar:has(.order-draft-indicator) .crumb{gap:3px}html[data-installed-navigation-inline] .studio-shell .topbar:has(.order-draft-indicator) .studio-brand{font-size:20px}html[data-installed-navigation-inline] .studio-shell .topbar:has(.order-draft-indicator) .studio-app-menu summary{width:18px}html[data-installed-navigation-inline] .studio-shell .topbar:has(.order-draft-indicator) .installed-inline-back{flex-basis:36px;width:36px;min-width:36px}html[data-installed-navigation-inline] .studio-shell .topbar:has(#studio-header-navigation:not(:empty)) .order-draft-indicator{min-width:54px;padding-inline:3px;font-size:10px}html[data-installed-navigation-inline] #studio-header-tools>.site-share-trigger{width:32px;min-width:32px}}@media (max-width:380px){html[data-installed-navigation-inline] .studio-shell .topbar:has(.order-draft-indicator) .studio-brand{font-size:18px}html[data-installed-navigation-inline] .studio-shell .topbar:has(#studio-header-navigation:not(:empty)) .order-draft-indicator{min-width:44px}html[data-installed-navigation-inline] .studio-shell .topbar:has(#studio-header-navigation:not(:empty)) .topbar-actions>button{width:28px;min-width:28px;padding:3px}}@media (display-mode:window-controls-overlay) and (pointer:fine){html[data-installed-navigation]:has(.application-shell){--installed-navigation-height:0px}body:has(.application-shell)>.installed-navigation{display:none}}@media print{.installed-navigation,.installed-inline-back{display:none!important}html[data-installed-navigation]{--installed-navigation-height:0px}}
