header.headermain{position:relative}header.headermain.fixed-on-scroll-back:not(.appear),header.headermain.sticky:not(.appear){position:relative!important}header.headermain.fixed-on-scroll-back.appear,header.headermain.sticky.appear{backdrop-filter:saturate(180%) blur(20px);box-shadow:0 4px 5px 0 rgba(0,0,0,.055),0 1px 10px 0 rgba(0,0,0,.035),0 2px 4px -1px rgba(0,0,0,.03);display:flex;justify-content:center;margin-right:auto;max-width:none;padding-left:var(--contianer-max-width-diff-wv);padding-right:var(--contianer-max-width-diff-wv);top:0;width:100%;will-change:transform;z-index:20}header.headermain.fixed-on-scroll-back.appear:before,header.headermain.sticky.appear:before{background-color:var(--body-bg);content:"";height:100%;left:0;opacity:.93;position:absolute;top:100%;transform:translateY(-100%);transition:all .2s ease-out;width:100%;z-index:-1}header.headermain.fixed-on-scroll-back.appear>:first-child,header.headermain.sticky.appear>:first-child{flex-grow:1}header.headermain.fixed-on-scroll-back.appear{transform:translateY(-100%)}