.ddcb {
  display: none;
}

.ddlabel {
  cursor: pointer;
  user-select: none;
}

.ddcontent {
  /*overflow: hidden;*/
  /*overflow-y: hidden;*/
  /*contain: paint;*/
  clip-path: polygon(-100% 0 ,100% 0, 100% 100%, -100% 100%);
}

.ddcontent > * {
  transition: 0.25s;
}

.ddptr {
  display: inline-block;
  transition: 0.25s;
}

.ddcb:checked + * .ddptr {
	transform: rotate(90deg);
}

.ddcb:not(:checked) + * + .ddcontent > * {
  transform: translateY(-100%);
}

.ddcb:not(:checked) + * + .ddcontent > * > * {
  display: none;	
}