.us-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 var(--space-inline-xl);
  padding: var(--space-outer-s) var(--space-outer-s) 0;

  &_in-popup {
    padding: 0;
    margin-bottom: var(--space-outer-s);
  }

  &__content {
    display: flex;
    flex-direction: column;
    color: var(--color-text-1000);
  }

  &__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-3xl);
    height: var(--size-3xl);
    margin-bottom: var(--space-inline-xl);
    border-radius: 50%;

    &_success {
      background-color: var(--color-success-100);
      color: var(--color-success-600);
    }

    &_error {
      background-color: var(--color-danger-100);
      color: var(--color-danger-600);
    }

    &_warning {
      background-color: var(--color-warning-100);
      color: var(--color-warning-600);
    }

    &_info {
      background-color: var(--color-primary-100);
      color: var(--color-primary-600);
    }
  }

  &__title {
    word-break: break-word;
    font: var(--text-headline-h3);
  }

  &__description {
    margin-top: var(--space-inline-s);
    font: var(--text-p-l);
  }
}