.hl-nav-bar{position:relative;z-index:1;line-height:1.1rem;text-align:center;background-color:#fff;-webkit-user-select:none;user-select:none}.hl-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.hl-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.hl-nav-bar .hl-icon{color:#0078ff}.hl-nav-bar__content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:2.3rem}.hl-nav-bar__arrow{margin-right:.2rem;font-size:.8rem}.hl-nav-bar__title{max-width:60%;margin:0 auto;color:#262626;font-weight:500;font-size:.8rem}.hl-nav-bar__left,.hl-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 .8rem;font-size:.7rem;cursor:pointer}.hl-nav-bar__left:active,.hl-nav-bar__right:active{opacity:.7}.hl-nav-bar__left{left:0}.hl-nav-bar__right{right:0}.hl-nav-bar__text{color:#0078ff}