.headroom{position:fixed;width:100%;will-change:transform,background-color,backdrop-filter;transition:transform 350ms linear,background-color .4s ease,backdrop-filter .4s ease!important;z-index:1000;background-color:rgba(255,255,255,1);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.headroom--pinned{transform:translateY(0%);background-color:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.05)}.headroom--unpinned{transform:translateY(-100%)}