:root {
  --collapsible-file-header-bg-color: var(--bg-light-tertiary);

  @include theme('default') {
    .ide-redesign-main {
      --collapsible-file-header-bg-color: var(--bg-dark-tertiary);
    }
  }
}

.collapsible-file-header {
  all: unset;
  padding: var(--spacing-03) var(--spacing-04);
  font-size: var(--font-size-02);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  box-sizing: border-box;
  width: 100%;
}

.collapsible-file-header-count {
  background-color: var(--collapsible-file-header-bg-color);
  padding: var(--spacing-01) var(--spacing-02);
  margin-left: auto;
  border-radius: var(--border-radius-base);
}