[data-topbar-slide] {
  display: none;
  animation: topbar-slide-in 0.4s ease;
}

[data-topbar-slide].is-active {
  display: block;
}

@keyframes topbar-slide-in {
  from { opacity: 0; transform: translateX(30px); }
  to   { opacity: 1; transform: translateX(0); }
}