@scope(.ui-top-bar)to ([data-hn]){:scope:where([data-hn-ui-top-bar]){--_ui-top-bar-actions-gap:var(--ui-top-bar-actions-gap);align-items:center!important;background:var(--ui-top-bar-surface,var(--ui-surface-elevated));border-block-end:var(--ui-border-width) solid var(--ui-top-bar-border,var(--ui-border-divider));display:flex!important;gap:var(--ui-top-bar-gap,var(--ui-space-3))!important;inset-block-start:0;min-block-size:calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));padding-block-start:env(safe-area-inset-top)!important;padding-inline-end:max(var(--ui-top-bar-padding-inline,var(--ui-space-4)),env(safe-area-inset-right))!important;padding-inline-start:max(var(--ui-top-bar-padding-inline,var(--ui-space-4)),env(safe-area-inset-left))!important;position:sticky;z-index:var(--ui-top-bar-z-index,100)}.actions:where([data-hn-ui-top-bar]),.leading:where([data-hn-ui-top-bar]),.search:where([data-hn-ui-top-bar]){align-items:center!important;display:flex!important;flex-shrink:0}.actions:where([data-hn-ui-top-bar]){gap:var(--_ui-top-bar-actions-gap,var(--ui-space-1))!important}.title:where([data-hn-ui-top-bar]){flex:1;min-inline-size:0}.title.scroll-title:where([data-hn-ui-top-bar]){opacity:1;overflow:hidden;text-overflow:ellipsis;transform:translateY(0);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),transform var(--ui-motion-fast) var(--ui-motion-ease);white-space:nowrap}.title.scroll-title.concealed:where([data-hn-ui-top-bar]){opacity:0;pointer-events:none;transform:translateY(var(--ui-space-2))}@media(prefers-reduced-motion:reduce){.title.scroll-title.concealed:where([data-hn-ui-top-bar]),.title.scroll-title:where([data-hn-ui-top-bar]){transform:none;transition:none}}.actions:empty:where([data-hn-ui-top-bar]),.leading:empty:where([data-hn-ui-top-bar]),.search:empty:where([data-hn-ui-top-bar]){display:none!important}:scope[hidden]:where([data-hn-ui-top-bar]){display:none!important}}