.collapse {
  max-height: 0;
  overflow: hidden;
  transition: var(--transition-base);

  /*
  toggle class with 100% doesnt work because it transitions through the entire window height not the element height, ie only showing the last party of the transition
  and cant transition max-height: auto or none 
  only way it works is an explicit magic number value which doesnt work for dynamic size elements
  same issue using <details> and checkbox tricks
	&.show {
		max-height: none;
	}
	*/
}