.sw-navigation-bar{width:100%;padding:var(--sw-spacing-md) var(--sw-spacing-lg);background-color:var(--sw-color-background-primary);border-bottom:1px solid var(--sw-color-separator);z-index:10;justify-content:space-between;align-items:center;min-height:44px;display:flex;position:relative}.sw-navigation-bar-title{max-width:60%;font-size:var(--sw-font-size-headline);font-weight:var(--sw-font-weight-semibold);color:var(--sw-color-label-primary);text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sw-navigation-bar-leading{align-items:center;gap:var(--sw-spacing-sm);z-index:1;min-width:80px;display:flex}.sw-navigation-bar-trailing{align-items:center;gap:var(--sw-spacing-sm);z-index:1;justify-content:flex-end;min-width:80px;display:flex}.sw-navigation-bar:has([data-glass=on]){background:0 0;border:0}.sw-navigation-bar-leading:not(:empty),.sw-navigation-bar-trailing:not(:empty){border-radius:var(--sw-radius-full);padding:0 8px}.sw-navigation-bar-leading:not(:empty)[data-glass=on],.sw-navigation-bar-trailing:not(:empty)[data-glass=on]{background-color:var(--sw-color-background-elevated);background-image:linear-gradient(145deg, rgb(255, 255, 255, var(--sw-glass-highlight)) 0%, transparent 48%, #ffffff08 100%);border:1px solid color-mix(in srgb, var(--sw-color-label-primary) 10%, transparent);box-shadow:inset 0 1px 0 #ffffff47, var(--sw-shadow-md)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sw-navigation-bar-leading:not(:empty)[data-glass=on],.sw-navigation-bar-trailing:not(:empty)[data-glass=on]{background-color:color-mix(in srgb, var(--sw-color-background-elevated) var(--sw-glass-opacity), transparent);-webkit-backdrop-filter:blur(var(--sw-glass-blur)) saturate(var(--sw-glass-saturation));backdrop-filter:blur(var(--sw-glass-blur)) saturate(var(--sw-glass-saturation))}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){.sw-navigation-bar-leading:not(:empty)[data-glass=on],.sw-navigation-bar-trailing:not(:empty)[data-glass=on]{background:var(--sw-color-background-elevated);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}}@media (forced-colors:active){.sw-navigation-bar-leading:not(:empty)[data-glass=on],.sw-navigation-bar-trailing:not(:empty)[data-glass=on]{color:canvastext;background:canvas;border-color:canvastext}}