$lightning-page-width: 298px;
$classic-page-width: 198px;

$lightning-page-space: 16px;
$classic-page-space: 12px;

// left and right both with 8px
$mui-margin-width: 16px;

.title {
  display: block;
  max-width: $lightning-page-width - 2 * $lightning-page-space -
    $mui-margin-width;

  [sf-classic] & {
    max-width: $classic-page-width - 2 * $classic-page-space - $mui-margin-width;
  }
}