@property --navbar-transition-middle-pos{syntax:"<percentage>";initial-value:20%;inherits:false}@keyframes animateNavbarTransition{0%{--navbar-transition-middle-pos:20%}to{--navbar-transition-middle-pos:100%}}.Navbar .nav-transition{background:linear-gradient(270deg,var(--color-navbar-start) 0,var(--color-navbar-middle) var(--navbar-transition-middle-pos),var(--color-navbar-end) 100%);animation-name:animateNavbarTransition;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.1s;animation-play-state:paused}.Navbar .menu{background-color:var(--color-navbar-start)}.Navbar.scrolled .nav-transition{animation-direction:normal;animation-fill-mode:forwards;animation-delay:0ms;animation-play-state:running}.Navbar.backed .nav-transition{animation-direction:reverse;animation-fill-mode:forwards;animation-delay:0ms;animation-play-state:running}