#creamonts-nav {
transition:
background-color 0.35s ease,
backdrop-filter 0.35s ease,
opacity 0.35s ease,
transform 0.35s ease;
background: rgba(0, 0, 0, 0); backdrop-filter: blur(0px);
opacity: 1;
transform: translateY(0);
} #creamonts-nav.creamonts-scrolled {
background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(5px);
} #creamonts-nav.creamonts-hidden {
opacity: 0;
transform: translateY(-6px); }
.hfe-flyout-wrapper .hfe-side.hfe-flyout-right {
height: 100vh;
}