.dm-accordion-foundation {
  --dm-accordion-duration: 0.35s;
  --dm-accordion-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.dm-accordion-foundation [data-dm-accordion-trigger] {
  cursor: pointer;
  transition:
    color var(--dm-accordion-duration) var(--dm-accordion-ease),
    border-color var(--dm-accordion-duration) var(--dm-accordion-ease),
    background var(--dm-accordion-duration) var(--dm-accordion-ease),
    box-shadow var(--dm-accordion-duration) var(--dm-accordion-ease);
}

.dm-accordion-foundation [data-dm-accordion-panel] {
  display: block;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height var(--dm-accordion-duration) var(--dm-accordion-ease),
    opacity var(--dm-accordion-duration) var(--dm-accordion-ease);
}

.dm-accordion-foundation .is-open > [data-dm-accordion-panel],
.dm-accordion-foundation [data-dm-accordion-item].is-open [data-dm-accordion-panel] {
  opacity: 1;
}

.dm-accordion-chevron {
  display: inline-grid;
  place-items: center;
  transition:
    transform var(--dm-accordion-duration) var(--dm-accordion-ease),
    color var(--dm-accordion-duration) var(--dm-accordion-ease),
    border-color var(--dm-accordion-duration) var(--dm-accordion-ease),
    background var(--dm-accordion-duration) var(--dm-accordion-ease);
}

.dm-accordion-foundation .is-open > [data-dm-accordion-trigger] .dm-accordion-chevron,
.dm-accordion-foundation [data-dm-accordion-item].is-open [data-dm-accordion-trigger] .dm-accordion-chevron {
  transform: rotate(180deg);
}