@layer utilities{.bg-top-bar-gradient{background-image:var(--top-bar-gradient);background-size:100% 200%;background-position:top;background-repeat:no-repeat;animation:gradient-flip var(--gradient-duration,.9s) ease-out forwards;will-change:background-position,background-size,background-image}@keyframes gradient-flip{0%{background-image:var(--top-bar-gradient-start);background-position:top;background-size:100% 200%}50%{background-position:bottom;background-size:100% 170%}75%{background-position:bottom;background-size:100% 200%}to{background-image:var(--top-bar-gradient);background-position:bottom;background-size:100% 100%}}}