.bl-trash-actions,
.bl-rbac-stage,
.bl-rbac-sections,
.bl-cal-detail-group,
.bl-wiki-list {
  transition:
    opacity var(--bl-motion-base) var(--bl-easing),
    display var(--bl-motion-base) var(--bl-easing) allow-discrete;
}

.bl-rbac-stage,
.bl-rbac-sections,
.bl-cal-detail-group,
.bl-wiki-list {
  opacity: 0;
}

.bl-rbac-stage.is-active,
.bl-rbac-sections.is-active,
.bl-cal-detail-group.is-active,
.bl-wiki-list.is-active {
  opacity: 1;
}

@starting-style {
  .bl-rbac-stage.is-active,
  .bl-rbac-sections.is-active,
  .bl-cal-detail-group.is-active,
  .bl-wiki-list.is-active {
    opacity: 0;
  }
}

.bl-trash-actions {
  opacity: 1;
}

.is-confirming .bl-trash-actions {
  opacity: 0;
}

.bl-accordion {
  border-bottom: var(--bl-line-width) solid var(--bl-color-border-soft);
}

.bl-accordion:last-of-type {
  border-bottom: 0;
}

.bl-accordion-head {
  --bl-icon-size: var(--bl-icon-md);
  display: flex;
  align-items: center;
  gap: var(--bl-space-2);
  padding: var(--bl-space-3) 0;
  color: var(--bl-color-text);
  font-size: var(--bl-text-read);
  cursor: pointer;
  list-style: none;
}

.bl-accordion-head::-webkit-details-marker {
  display: none;
}

.bl-accordion-head:hover {
  color: var(--bl-color-accent);
}

.bl-accordion-mark {
  display: inline-flex;
  color: var(--bl-color-text-faint);
  transition: transform var(--bl-motion-fast) var(--bl-easing);
}

.bl-accordion[open] .bl-accordion-mark {
  transform: rotate(90deg);
}

.bl-accordion-title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bl-accordion-note {
  flex: 0 0 auto;
  color: var(--bl-color-text-faint);
  font-size: 0.75rem;
}

details::details-content {
  opacity: 0;
  transition:
    opacity var(--bl-motion-base) var(--bl-easing),
    content-visibility var(--bl-motion-base) var(--bl-easing) allow-discrete;
}

details[open]::details-content {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .bl-trash-actions,
  .bl-rbac-stage,
  .bl-rbac-sections,
  .bl-cal-detail-group,
    .bl-wiki-list,
  details::details-content {
    transition-duration: 1ms;
  }
}
