/* Share the topbar's borders instead of drawing inset menu/path boxes. */
.app-topbar{padding-top:0!important;padding-bottom:0!important;column-gap:0!important}
.app-topbar #menu-toggle.app-mobile-toggle{align-self:stretch;height:auto!important;min-height:0!important;margin-top:0!important;margin-bottom:-1px!important;padding-top:0!important;padding-bottom:0!important;border-radius:0!important}
.app-topbar .service-breadcrumb{align-self:stretch;align-items:stretch;gap:0;margin-top:0;margin-bottom:-1px;padding-top:0;padding-bottom:0}
.app-topbar .service-breadcrumb :is(a,button,[aria-current=page]){align-self:stretch;height:auto!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex;align-items:center}
.app-topbar .service-breadcrumb .service-path-separator{display:inline-flex!important;align-items:center;justify-content:center;align-self:stretch;flex:none;margin:0;padding:0 6px;border:0;background:transparent;color:var(--muted);font:inherit;font-style:normal;opacity:1}
:root[data-service-skin=reframed] .app-topbar #menu-toggle.app-mobile-toggle{margin:-1px 0 -1px -1px!important;border:1px solid var(--line)!important}
:root[data-service-skin=reframed] .app-topbar .service-breadcrumb{margin-top:-1px;margin-bottom:-1px}
.app-topbar #menu-toggle:focus-visible,.app-topbar .service-breadcrumb :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(max-width:700px){.app-topbar .service-breadcrumb .service-path-separator{padding-inline:4px}}

@media(max-width:700px){.app-topbar .service-breadcrumb{max-width:calc(100% - 180px)!important}}