.depth-navigation-header{--depth-navigation-header-block-size:var(--dimension-x14);--depth-navigation-header-title-opacity:0;--depth-navigation-header-title-translate-y:var(--dimension-x1);--depth-navigation-header-surface-background:transparent;--depth-navigation-header-surface-stroke:var(--stroke-transparent);--depth-navigation-header-z-index:calc(var(--elevation-global-default-z-index) + var(--elevation-local-transient-z-index));z-index:var(--depth-navigation-header-z-index);inset-block-start:var(--dimension-x0);inset-inline:var(--dimension-x0);inline-size:100%;color:var(--fg-text-primary);font-family:var(--font-family-sans);isolation:isolate;pointer-events:none;position:fixed}.depth-navigation-header--safe-area:before{z-index:0;inset-block-start:var(--dimension-x0);inset-inline:var(--dimension-x0);block-size:var(--layout-safe-area-inset-top);background:var(--neutral-0);content:"";pointer-events:none;position:absolute}.depth-navigation-header--safe-area{padding-block-start:var(--layout-safe-area-inset-top)}.depth-navigation-header--title-visible{--depth-navigation-header-title-opacity:1;--depth-navigation-header-title-translate-y:var(--dimension-x0);--depth-navigation-header-surface-background:var(--neutral-0);--depth-navigation-header-surface-stroke:var(--stroke-neutral-subtle)}.depth-navigation-header__surface{z-index:1;border-block-end:var(--dimension-stroke-component-default) solid var(--depth-navigation-header-surface-stroke);background:var(--depth-navigation-header-surface-background);inline-size:100%;transition:background-color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), border-color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out);pointer-events:auto;position:relative}.depth-navigation-header__content{grid-template-columns:var(--dimension-x12) minmax(0, 1fr) var(--dimension-x12);block-size:var(--depth-navigation-header-block-size);inline-size:min(100%, var(--layout-container-content));padding-inline:var(--dimension-x2);align-items:center;margin-inline:auto;display:grid}@media (min-width:768px){.depth-navigation-header__content{inline-size:min(100%, var(--layout-container-tablet))}}.depth-navigation-header__leading,.depth-navigation-header__trailing{min-inline-size:var(--dimension-x0);align-items:center;display:flex}.depth-navigation-header__leading{justify-content:flex-start}.depth-navigation-header__trailing{justify-content:flex-end}.depth-navigation-header__title{min-inline-size:var(--dimension-x0);margin:var(--dimension-x0);color:var(--fg-text-primary);font-size:var(--font-size-t4);font-weight:var(--font-weight-bold);line-height:var(--line-height-t4);letter-spacing:var(--letter-spacing-default);opacity:var(--depth-navigation-header-title-opacity);text-align:center;text-overflow:ellipsis;transform:translateY(var(--depth-navigation-header-title-translate-y));transition:opacity var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), transform var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out);white-space:nowrap;overflow:hidden}.depth-navigation-header .ds-icon-button{--ds-button-background:transparent;--ds-button-background-hover:transparent;--ds-button-background-pressed:transparent;--ds-button-shadow:var(--shadow-none);--ds-button-shadow-hover:var(--shadow-none);--ds-button-shadow-pressed:var(--shadow-none);--ds-button-stroke:var(--stroke-transparent);--ds-button-stroke-hover:var(--stroke-transparent);--ds-button-stroke-pressed:var(--stroke-transparent);--ds-button-foreground:var(--fg-text-primary)}.depth-navigation-header .ds-icon-button__icon{--ds-button-icon-size:var(--dimension-x5)}