:root{--app-bar-color: var(--color-primary);--app-bar-title-padding: 0 12px;--app-bar-title-font-size: var(--font-size-lg);--app-bar-text-color: #fff;--app-bar-height: 54px;--app-bar-left-gap: 6px;--app-bar-right-gap: 6px;--app-bar-border-radius: 4px;--app-bar-font-size: var(--font-size-lg);--app-bar-border-bottom: thin solid var(--color-outline)}.var-app-bar{position:relative;width:100%;font-size:var(--app-bar-font-size);background:var(--app-bar-color);color:var(--app-bar-text-color);transition:background-color .25s}.var-app-bar__toolbar{position:relative;display:flex;justify-content:center;align-items:center;height:var(--app-bar-height)}.var-app-bar__title{font-size:var(--app-bar-title-font-size);flex:1;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:var(--app-bar-title-padding)}.var-app-bar__left,.var-app-bar__right{display:flex;align-items:center;height:100%}.var-app-bar__left{position:absolute;top:0;left:var(--app-bar-left-gap)}.var-app-bar__right{position:absolute;top:0;right:var(--app-bar-right-gap)}.var-app-bar--round{border-radius:var(--app-bar-border-radius)}.var-app-bar--safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);box-sizing:content-box!important}.var-app-bar--fixed{position:fixed;top:0;left:0}.var-app-bar--border{border-bottom:var(--app-bar-border-bottom)}