.accordion summary {
  cursor: pointer;
}
.accordion summary .icon {
  transform: rotate(0deg);
  transition: all var(--globalTransitionSpeed) var(--globalEase);
}
.accordion summary .accordion-open {
  display: block;
}
.accordion summary .accordion-close {
  display: none;
}
.accordion[open] > summary .icon {
  transform: rotate(180deg);
  transition: all var(--globalTransitionSpeed) var(--globalEase);
}
.accordion[open] > summary .accordion-open {
  display: none;
}
.accordion[open] > summary .accordion-close {
  display: block;
}