.side-panel-field {
  &#{&}--padded {
    padding: var(--wds-side-panel-field-padding-vertical, 12px)
      var(--wds-side-panel-field-padding-horizontal, var(--wds-space-400, 24px));
  }

  /*
   * Divider behavior:
   *   - `divider="auto"` - divider set according to token
   *   - `divider=true` - divider should be visible regardless of the theme
   *   - `divider=false` - divider should not be visible regardless of the theme
   *
   * Last child should not have a divider regardless of the divider option or
   * theme.
   */

  &:not(:last-child) {
    border-bottom: var(--border-width) solid var(--wds-color-border-dark-secondary, #dfe5eb);
  }

  &#{&}--divider-auto {
    --border-width: var(--wds-side-panel-control-layout-divider-border-width, 1px);
  }

  &#{&}--divider-true {
    --border-width: 1px;
  }

  &#{&}--divider-false {
    --border-width: 0;
  }
}