.muka-topbar{display:flex;flex-direction:column;align-items:stretch;background-color:var(--topbar-color-background);width:100%;box-shadow:var(--shadow-level2)}.muka-topbar:not(.muka-topbar--no-safe-area){padding-top:env(safe-area-inset-top)}.muka-topbar__drag-handle-container{display:flex;flex-direction:column;align-items:center;padding:var(--topbar-drag-handle-padding-y) 0}.muka-topbar__drag-handle{width:var(--topbar-drag-handle-width);height:var(--topbar-drag-handle-height);background-color:var(--topbar-drag-handle-color);border-radius:var(--topbar-drag-handle-radius)}.muka-topbar__container{position:relative;display:flex;align-items:center;height:var(--topbar-height-mobile);padding:0 var(--topbar-padding-x)}.muka-topbar:not(.muka-topbar--no-safe-area) .muka-topbar__container{padding-left:max(var(--topbar-padding-x),env(safe-area-inset-left));padding-right:max(var(--topbar-padding-x),env(safe-area-inset-right))}@media (min-width:1024px){.muka-topbar__container{height:var(--topbar-height-desktop)}}.muka-topbar__leading{flex-shrink:0;z-index:1}.muka-topbar__title{position:absolute;left:50%;transform:translateX(-50%);max-width:calc(100% - 2 * var(--topbar-padding-x) - 2 * var(--topbar-height-mobile));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--topbar-color-foreground);font-family:var(--text-heading-xs-fontFamily);font-weight:var(--text-heading-xs-fontWeight);font-size:var(--text-heading-xs-fontSize);line-height:var(--text-heading-xs-lineHeight);letter-spacing:var(--text-heading-xs-letterSpacing);margin:0}@media (min-width:1024px){.muka-topbar__title{font-family:var(--text-heading-md-fontFamily);font-weight:var(--text-heading-md-fontWeight);font-size:var(--text-heading-md-fontSize);line-height:var(--text-heading-md-lineHeight);letter-spacing:var(--text-heading-md-letterSpacing);max-width:calc(100% - 2 * var(--topbar-padding-x) - 2 * var(--topbar-height-desktop))}}.muka-topbar__trailing{display:flex;align-items:center;margin-left:auto;flex-shrink:0;z-index:1}.muka-topbar__trailing-action{flex-shrink:0}.muka-topbar__controlbar{width:100%}