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

:host([disabled]:not([disabled=false])) {
  cursor: not-allowed;
}

:host {
  display: block;
  position: relative;
  overflow: hidden;
  font-family: var(--r-font-family-text, system-ui);
  box-sizing: border-box;
  max-height: 0;
  padding-top: var(--r-accordion-panel--padding-top, 0);
  transition: all 0.25s ease-out;
}
:host slot {
  display: contents;
}
:host ::slotted(a) {
  color: inherit;
}

@media (prefers-reduced-motion) {
  :host {
    transition: none;
  }
}
.r-accordion-panel {
  position: var(--r-accordion-panel--position, relative);
  display: var(--r-accordion-panel--display, none);
  line-height: var(--r-accordion-panel--line-height, var(--r-line-height-m, 1.5));
  font-size: var(--r-accordion-trigger--content--font-size, var(--r-font-size-400, 1rem));
  box-sizing: var(--r-accordion-panel--box-sizing, border-box);
  margin-top: var(--r-accordion-panel--margin-top, 0);
  margin-right: var(--r-accordion-panel--margin-right, 0);
  margin-bottom: var(--r-accordion-panel--margin-bottom, 0);
  margin-left: var(--r-accordion-panel--margin-left, 0);
  padding-right: var(--r-accordion-panel--padding-right, var(--r-spacing-100, 1rem));
  padding-bottom: var(--r-accordion-panel--padding-bottom, var(--r-spacing-150, 2rem));
  padding-left: var(--r-accordion-panel--padding-left, var(--r-spacing-100, 1rem));
  transform: var(--r-accordion-panel--transform, translateY(-30%));
  transition: var(--r-accordion-panel--transition, all 0.25s ease-out);
  opacity: var(--r-accordion-panel--opacity, 0);
}