@layer components { .c-composition-disclosure { padding-block: var(--space-4); border-block-end: var(--wa-border-width) solid var(--wa-context-surface-border); overflow-wrap: anywhere; } .c-composition-disclosure__label { cursor: pointer; font-weight: var(--wa-font-navigation-weight); white-space: pre-wrap; } .c-composition-disclosure__content { margin-block-start: var(--space-4); } }
@layer components {
  .c-composition-disclosure--compact { padding-block: 0; border-block-end: 0; }
  .c-composition-disclosure--plus > .c-composition-disclosure__label { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); list-style: none; }
  .c-composition-disclosure--plus > .c-composition-disclosure__label::-webkit-details-marker { display: none; }
  .c-composition-disclosure--plus > .c-composition-disclosure__label::after { content: ''; flex: 0 0 var(--space-4); inline-size: var(--space-4); block-size: var(--space-4); background: linear-gradient(currentColor, currentColor) center / 100% var(--border-2) no-repeat, linear-gradient(currentColor, currentColor) center / var(--border-2) 100% no-repeat; }
  .c-composition-disclosure--plus[open] > .c-composition-disclosure__label::after { background-size: 100% var(--border-2), 0 0; }
}