:root {
  --section-group-content-border: var(--polly-border-width--sm) solid var(--polly-grey--300);
  --section-group-content-border-radius: 0em 0em var(--polly-border-radius--sm) var(--polly-border-radius-sm);
  --section-group-content-padding: 1em;

  --section-tabs-border: 0;
  --section-tabs-border--selected: var(--polly-border-width--sm) solid var(--polly-grey--300);
  --section-tabs-padding: 1em;
  --section-tabs-font-colour: var(--polly-grey--600);
  --section-tabs-font-colour--selected: var(--polly-grey--500);
  --section-tabs-background-colour: var(--polly-grey--100);
  --section-tabs-background-colour--selected: var(--polly-grey--100);
}

.section-group-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  gap: 0px;
}

.section-group-wrapper__tabs {
  display: flex;
  border: 0;
  padding: 0rem;
  margin: 1em 0em 0em 0em;
  overflow-x: auto;
}

.section-group-wrapper__content {
  padding: var(--section-group-content-padding);
  border: var(--section-group-content-border);
  border-radius: var(--section-group-content-border-radius);
}

.sections-tab {
  padding: var(--section-tabs-padding);
  color: var(--section-tabs-font-colour);
  flex: 1 0 auto;
  text-align: center;
  border: var(--section-tabs-border);
}

.sections-tab--selected {
  border: var(--section-tabs-border--selected);
  color: var(--section-tabs-font-colour--selected);
  background-color: var(--section-tabs-background-colour--selected);
}

.section-end {
  display: none;
}