.page-header-wrapper{left:0;position:sticky;right:0;top:0;z-index:100}.page-header-wrapper:before{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:var(--header-bg);content:"";display:block;inset:-200px 0 0;position:absolute;z-index:-1}.page-header{display:grid;position:relative;grid-gap:10px;align-items:center;font-size:var(--font-l);grid-template-columns:1fr auto 1fr;padding:1.5rem .5rem}.page-header .iconfont{color:var(--orange);cursor:pointer;font-size:1.2em}.page-header .icon-text-group{align-items:center;color:var(--orange);display:flex;white-space:nowrap}.page-header .icon-text-group *{margin-right:.1em}.page-header .center{font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.page-header .center h1,.page-header .center h2,.page-header .center h3,.page-header .center h4,.page-header .center h5,.page-header .center h6{font-size:var(--font-l);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.page-header .right{align-items:center;display:flex;justify-content:flex-end;padding-right:.5em;white-space:nowrap}.page-header .right>*{margin-left:.25em}