.floating-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;left:5%;opacity:1;padding:1rem 2rem;position:fixed;top:6.5rem;transition:top .2s ease,transform .2s ease,opacity .3s ease,visibility .3s ease;visibility:visible;width:90%;z-index:1000}.floating-header--scrolled{top:5rem}.floating-header--hidden{opacity:0;visibility:hidden}@media (max-width:768px){.floating-header{bottom:1rem;top:auto}.floating-header--scrolled{bottom:.5rem}}