.root {
  display: grid;
  gap: 1rem;
}

.item {
  display: grid;
  min-width: 0;
}

/* Group accordion */

.collapsible {
  min-width: 0;
}

.collapsible:hover {
  border-color: var(--theme-border-color);
}

.collapsible > :global(.collapsible__toggle-wrap) {
  position: sticky;
  border-bottom: 1px solid var(--theme-border-color);
  top: calc(var(--nesting-level) * 36px + 55px);
  z-index: calc(4 - var(--nesting-level));
  padding-block: 0.5rem;
}

.collapsible > :global(.collapsible__toggle) {
  position: relative;
}

.collapsible :global(.collapsible__content) {
  padding: 1rem;
}

.header {
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size-large);
}

.headerError {
  color: var(--theme-error-400);
}