:host {
  display: var(--display, flex);
  flex-direction: var(--flex-direction, column);
  font-family: var(--font-family, var(--r-font-family-text, system-ui));
  background-color: var(--background-color, transparent);
}
:host slot {
  display: contents;
}

:host([expanded]) {
  --r-accordion-panel--margin-top: 0;
}
:host([expanded]) ::slotted(r-accordion-panel) {
  display: block;
  max-height: fit-content;
  --r-accordion-panel--display: block;
  --r-accordion-panel--transform: translateY(0);
  --r-accordion-panel--opacity: 1;
}

.r-accordion-section {
  border-width: var(--r-accordion-section--border-width, 1px);
  border-style: var(--r-accordion-section--border-style, solid);
  border-color: var(--r-accordion-section--border-color, transparent);
  border-bottom-color: var(--r-accordion-section--border-bottom-color, var(--r-border-soft, #686868));
}