info-drawer {
  transition: visibility var(--duration-default) ease;
}

info-drawer.active {
  visibility: visible;
}

.info-drawer__inner {
  transform: translateX(100%);
  transition: transform var(--duration-default) ease;
}

info-drawer.active .info-drawer__inner {
  transform: translateX(0);
}