.app-header{position:fixed;top:0;left:0;width:100%;box-shadow:0 4px 12px 0 rgba(0,0,0,.1);transition:all .2s ease-in-out;will-change:transform,opacity;transform:translateY(0);opacity:1}.app-header--scrolling-up{display:flex;opacity:1;transform:translateY(0);animation:slideInDown .2s ease-in-out}.app-header--scrolling-down{opacity:0;transform:translateY(-100%);z-index:-1!important;transition:opacity .2s ease-in-out,transform .2s ease-in-out}.app-header--logo{grid-area:logo}.app-header--search{grid-area:search;width:100%;display:block}.app-header--ecosystem{grid-area:ecosystem;align-items:center;justify-content:flex-end}.app-header--auth{grid-area:auth;justify-self:flex-end}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);opacity:0;visibility:visible}to{transform:translateZ(0);opacity:1}}