.page-header {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  min-height: 30px;
  column-gap: var(--wds-page-header-title-actions-gap, var(--wds-space-0, 4px));

  &__header {
    min-width: 0;
    flex: 1;
  }

  &__breadcrumbs-container > [data-size='small'] {
    margin-inline-start: var(--wds-page-header-breadcrumbs-offset-small, -6px);
  }

  &__breadcrumbs-container > [data-size='medium'] {
    margin-inline-start: var(--wds-page-header-breadcrumbs-offset-medium, -10px);
  }

  &__breadcrumbs-container > [data-size='large'] {
    margin-inline-start: var(--wds-page-header-breadcrumbs-offset-large, -14px);
  }

  &__back-button {
    flex-shrink: 0;
    margin-inline-start: var(--wds-page-header-back-button-offset, var(--wds-space-0, 0));
  }

  &__back-button-icon {
    display: block;
  }

  &__title-container {
    min-width: 0;
    display: flex;
    flex-direction: column;
  }

  &__title-container#{&}__title-container--hidden {
    position: absolute;
  }

  & &__title-container#{&}__title-container--minimised &__title {
    font-size: var(--wds-page-header-title-minimised-font-size, var(--wds-font-size-body-small, 14px));
    font-weight: var(--wds-page-header-title-minimised-font-weight, var(--wds-font-weight-medium, 500));
    line-height: var(--wds-page-header-title-minimised-line-height, 30px);
    letter-spacing: var(--wds-page-header-title-minimised-letter-spacing, var(--wds-font-letter-spacing-0, normal));
  }

  &__title-row {
    min-width: 0;
    display: flex;
    align-items: center;
    margin-top: var(--wds-space-100, 6px);
  }

  &__title-row#{&}__title-row--with-back-button {
    gap: var(--wds-page-header-back-button-gap, 8px);
  }

  &__title {
    min-width: 0;
    flex: 1;
    padding-inline-start: var(--wds-page-header-title-padding-start, var(--wds-space-0, 0));
  }

  &#{&} #{&}__title {
    font-size: var(--wds-page-header-title-font-size, var(--wds-font-size-heading-1, var(--wsr-heading-font-size-xl, 28px)));
    font-weight: var(--wds-page-header-title-font-weight, var(--wds-font-weight-heading-1, var(--wsr-font-weight-bold, 700)));
    line-height: var(--wds-page-header-title-line-height, var(--wds-font-line-height-heading-1, var(--wsr-heading-line-height-xl, 36px)));
  }

  &__subtitle-wrapper {
    margin-top: var(--wds-page-header-subtitle-gap, var(--wds-space-0, 0));
    padding-inline-start: var(--wds-page-header-subtitle-padding-start, var(--wds-space-0, 0));
  }

  &#{&} #{&}__subtitle-wrapper #{&}__subtitle {
    font-size: var(--wds-page-header-subtitle-font-size, var(--wds-font-size-body-medium, var(--wsr-text-font-size-medium, 16px)));
    line-height: var(--wds-page-header-subtitle-line-height, var(--wds-font-line-height-body-medium, var(--wsr-text-line-height-medium, 24px)));
  }

  &__breadcrumbs-container [data-size='medium'] [data-hook^='breadcrumb-clickable-'] [data-hook='breadcrumbs-item'] {
    font-size: var(--wds-page-header-breadcrumbs-font-size, var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px)));
  }

  &__breadcrumbs-container [data-skin='onGrayBackground'] [data-active='false'] [data-hook^='breadcrumb-clickable-'] [data-hook='breadcrumbs-item']:not([data-skin='disabled']) {
    color: var(--wds-page-header-breadcrumbs-color, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)));
  }

  &__breadcrumbs-container [data-skin='onGrayBackground'] [data-active='true'] [data-hook^='breadcrumb-clickable-'] [data-hook='breadcrumbs-item'] {
    font-weight: var(--wds-page-header-breadcrumbs-selected-font-weight, var(--wds-font-weight-medium, 530));
  }

  &__actions-bar {
    height: 30px;
    margin-top: var(--wds-space-100, 6px);
    margin-left: auto;
  }

  &__actions-bar#{&}__actions-bar--with-breadcrumbs {
    margin-top: 36px;
  }

  &__actions-bar#{&}__actions-bar--minimized {
    margin-top: calc(-1 * var(--wds-space-50, 3px));
  }

  [dir='rtl'] &__back-button-icon {
    transform: scaleX(-1);
  }
}