header{--shadow:hsla(0 0% 0%/0.1) 0 2px 0}@supports (animation-timeline:scroll()){header{animation:scroll-shadow linear both;animation-timeline:scroll();animation-range:0 10ex}@keyframes scroll-shadow{0%{opacity:1}to{opacity:0;pointer-events:none}}}.navigation-button-active{background:rgba(0,0,0,.25)}.navigation-dropdown{position:relative;top:0}.navigation-dropdown-button{display:inline-block}.navigation-dropdown-content{display:none;position:absolute;background-color:rgba(0,0,0,.8);right:0;top:44px;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:16px;z-index:1}@keyframes menuPopOut{0%{opacity:0;transform:rotateX(-90deg)}50%{transform:rotateX(-20deg)}to{opacity:1;transform:rotateX(0deg)}}.navigation-dropdown:hover .navigation-dropdown-content{display:block;animation:menuPopOut .2s ease-in-out forwards;transform-origin:top center}