.accordion .accordion-item[aria-expanded=true] .accordion-label .accordion-icon {
  transform: translateY(calc(var(--accordion-icon-translate-y) * 0.5)) rotate(-135deg);
}
.accordion .accordion-item .accordion-label {
  position: relative;
  display: flex;
  place-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-right: calc(var(--accordion-icon-width, 0.75rem) * 2);
}
.accordion .accordion-item .accordion-label--shrink {
  width: fit-content;
}
.accordion .accordion-item .accordion-label .accordion-icon {
  position: relative;
  top: 2px;
  right: calc(-1 * var(--accordion-icon-width, 0.75rem) * 1.5);
  transform: translateY(var(--accordion-icon-translate-y, -60%)) rotate(45deg);
  border-width: 0 var(--accordion-icon-border, 2px) var(--accordion-icon-border, 2px) 0;
  border-style: solid;
  border-color: var(--accordion-icon-color);
  width: var(--accordion-icon-width, 0.75rem);
  height: var(--accordion-icon-height, 0.75rem);
  cursor: pointer;
  transition: var(--transition-default) transform;
}
.accordion .accordion-item .accordion-label .accordion-icon:hover {
  border-color: var(--color-secondary);
}
.accordion .accordion-panel {
  transition: var(--transition-slow) max-height;
  overflow: hidden;
  max-height: 0;
}