:root {
  --panel-radius: 3rem;
  /* --panel-padding --button-size */
  --panel-radius: calc(var(--button-size) / 2 + var(--panel-padding));
}

.panel {
  background-color: var(--panel-bg);
  border-radius: var(--panel-radius);
  padding: var(--panel-padding);
  max-width: 120ch;

  &.secondary {
    background-color: var(--panel-bg-secondary);
  }
}

.panel-header {
  display: flex;
  gap: var(--block-space);
  align-items: center;
  margin-block-end: var(--block-space);

  .title {
    flex: 1 1 auto;
  }

  .actions {
    flex: 0 0 auto;
  }
}

.is-collapsed .panel-header {
  margin-block-end: 0;
}