.my-accordion--disabled {
  pointer-events: none;
}

.my-accordion--instant {
  --my-accordion-duration: 0ms;
  --my-accordion-close-duration: 0ms;
}

.my-accordion--density-compact {
  --my-accordion-font-size: 14px;
  --my-accordion-item-gap: 6px;
  --my-accordion-trigger-padding-x: 12px;
  --my-accordion-trigger-padding-y: 10px;
  --my-accordion-body-padding-x: 12px;
  --my-accordion-body-padding-y: 10px;
}

.my-accordion--density-spacious {
  --my-accordion-font-size: 16px;
  --my-accordion-item-gap: 14px;
  --my-accordion-trigger-padding-x: 20px;
  --my-accordion-trigger-padding-y: 18px;
  --my-accordion-body-padding-x: 20px;
  --my-accordion-body-padding-y: 18px;
}

.my-accordion--flush {
  --my-accordion-item-gap: 0px;
  --my-accordion-radius: 0px;
  --my-accordion-shadow: none;
}

.my-accordion--flush .my-accordion__item + .my-accordion__item {
  border-top: 0;
}

@media (prefers-reduced-motion: reduce) {
  .my-accordion:not([data-my-accordion-respect-reduced-motion="false"]) {
    --my-accordion-duration: 0ms !important;
    --my-accordion-close-duration: 0ms !important;
  }
}