.content {
  animation: slideUp 150ms var(--np-ease-out-expo);
}

.content[data-expanded] {
  animation: slideDown 150ms var(--np-ease-out-expo);
}

.content[data-animating] {
  overflow: hidden;
}

@keyframes slideDown {
  from {
    height: 0;
  }
  to {
    height: var(--kb-collapsible-content-height);
  }
}

@keyframes slideUp {
  from {
    height: var(--kb-collapsible-content-height);
  }
  to {
    height: 0;
  }
}