@if (rangeDisplayConfig$ | async; as rangeDisplayConfig) {
  <div
    class="p-l-16 p-r-16 p-b-16 fit-h d-flex d-col flex-center"
    [ngClass]="{
      'p-t-40 j-c-center': rangeDisplayConfig.orientation === 'horizontal'
    }"
  >
    <c8y-range-display
      [config]="rangeDisplayConfig"
      [ngClass]="{ 'flex-grow': rangeDisplayConfig.orientation == 'vertical' }"
    ></c8y-range-display>
  </div>
}