/* Match the shared React Buyer/Seller guide accordion without changing other lists. */
[data-dz-guide-accordion] [id*="-guide-panel-"] li {
  list-style-type: disc;
}

[data-dz-guide-accordion] [id*="-guide-panel-"][aria-hidden="true"] {
  grid-template-rows: 0fr;
  opacity: 0;
}

[data-dz-guide-accordion] [id*="-guide-panel-"][aria-hidden="false"] {
  grid-template-rows: 1fr;
  opacity: 1;
}

[data-dz-guide-accordion] button[aria-expanded="false"] svg {
  transform: rotate(0deg);
}

[data-dz-guide-accordion] button[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: no-preference) {
  [data-dz-guide-accordion] [id*="-guide-panel-"] {
    transition: grid-template-rows 200ms cubic-bezier(0.4, 0, 0.2, 1),
      opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  [data-dz-guide-accordion] button svg {
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-dz-guide-accordion] [id*="-guide-panel-"],
  [data-dz-guide-accordion] button svg {
    transition: none;
  }
}