:host,:root{--xzx-nav-bar-height:48px;--xzx-nav-bar-padding:8px 12px;--xzx-nav-bar-background:var(--xzx-color-white);--xzx-nav-bar-arrow-size:24px;--xzx-nav-bar-icon-color:var(--xzx-color-primary);--xzx-nav-bar-text-color:var(--xzx-text-gray-1);--xzx-nav-bar-title-font-size:var(--xzx-text-md);--xzx-nav-bar-title-text-color:var(--xzx-text-gray-1);--xzx-nav-bar-z-index:1;--xzx-nav-bar-disabled-opacity:0.5}.xzx-nav-bar{background-color:var(--xzx-nav-bar-background);line-height:var(--xzx-line-height-lg);position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:var(--xzx-nav-bar-z-index)}.xzx-nav-bar--fixed{left:0;position:fixed;top:0;width:100%}.xzx-nav-bar--safe-area-inset-top{padding-top:env(safe-area-inset-top)}.xzx-nav-bar__content{align-items:center;box-sizing:border-box;display:flex;height:var(--xzx-nav-bar-height);padding:var(--xzx-nav-bar-padding);position:relative}.xzx-nav-bar__arrow{display:flex;font-size:var(--xzx-nav-bar-arrow-size);margin-right:var(--xzx-padding-base)}.xzx-nav-bar__title{color:var(--xzx-nav-bar-title-text-color);font-size:var(--xzx-nav-bar-title-font-size);font-weight:var(--xzx-font-bold);margin:0 auto;max-width:60%}.xzx-nav-bar .xzx-nav-bar__left,.xzx-nav-bar .xzx-nav-bar__right{align-items:center;bottom:0;display:flex;font-size:var(--xzx-text-base);padding:0 var(--xzx-padding-sm);position:absolute;top:0}.xzx-nav-bar .xzx-nav-bar__left--disabled,.xzx-nav-bar .xzx-nav-bar__right--disabled{cursor:not-allowed;opacity:var(--xzx-nav-bar-disabled-opacity)}.xzx-nav-bar__left{left:0}.xzx-nav-bar__right{right:0}.xzx-nav-bar__text{color:var(--xzx-nav-bar-text-color)}