/*******************************************************************************
 * Licensed Materials - Property of IBM
 * (c) Copyright IBM Corporation 2024. All Rights Reserved.
 *
 * Note to U.S. Government Users Restricted Rights:
 * Use, duplication or disclosure restricted by GSA ADP Schedule
 * Contract with IBM Corp.
 *******************************************************************************/
/*******************************************************************************
 * Licensed Materials - Property of IBM
 * (c) Copyright IBM Corporation 2023. All Rights Reserved.
 *
 * Note to U.S. Government Users Restricted Rights:
 * Use, duplication or disclosure restricted by GSA ADP Schedule
 * Contract with IBM Corp.
 *******************************************************************************/
/*******************************************************************************
 * Licensed Materials - Property of IBM
 * (c) Copyright IBM Corporation 2023. All Rights Reserved.
 *
 * Note to U.S. Government Users Restricted Rights:
 * Use, duplication or disclosure restricted by GSA ADP Schedule
 * Contract with IBM Corp.
 *******************************************************************************/
/*******************************************************************************
 * Licensed Materials - Property of IBM
 * (c) Copyright IBM Corporation 2023. All Rights Reserved.
 *
 * Note to U.S. Government Users Restricted Rights:
 * Use, duplication or disclosure restricted by GSA ADP Schedule
 * Contract with IBM Corp.
 *******************************************************************************/
.body-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-left: 45%;
  padding-right: 6rem;
  overflow: hidden;
}
.body-wrapper .image-spread {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  transition: left 110ms cubic-bezier(0.2, 0, 0.38, 0.9), padding-top 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  left: -12rem;
  padding-top: 12rem;
}
@media (min-width: 42rem) {
  .body-wrapper .image-spread {
    left: -12rem;
    padding-top: 0;
  }
}
@media (min-width: 66rem) {
  .body-wrapper .image-spread {
    left: -6rem;
    padding-top: 0;
  }
}
@media (min-width: 82rem) {
  .body-wrapper .image-spread {
    left: 0;
    padding-top: 0;
  }
}
@media (min-width: 99rem) {
  .body-wrapper .image-spread {
    left: 0;
    padding-top: 0;
  }
}
.body-wrapper .supported-error {
  display: flex;
  flex-direction: column;
}
.body-wrapper .supported-error .heading {
  font-size: var(--cds-productive-heading-02-font-size, 1rem);
  font-weight: var(--cds-productive-heading-02-font-weight, 600);
  line-height: var(--cds-productive-heading-02-line-height, 1.375);
  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
  color: var(--cds-text-01);
  display: flex;
}
.body-wrapper .supported-error .error {
  font-size: var(--cds-productive-heading-05-font-size, 2rem);
  font-weight: var(--cds-productive-heading-05-font-weight, 400);
  line-height: var(--cds-productive-heading-05-line-height, 1.25);
  letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
  color: var(--cds-text-01);
  display: flex;
  margin-top: 0.5rem;
}
.body-wrapper .supported-error .message {
  font-size: var(--cds-body-short-01-font-size, 0.875rem);
  font-weight: var(--cds-body-short-01-font-weight, 400);
  line-height: var(--cds-body-short-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
  color: var(--cds-text-01);
  margin-top: 1rem;
  white-space: pre-wrap;
}
.body-wrapper .supported-error .reason {
  font-size: var(--cds-body-short-01-font-size, 0.875rem);
  font-weight: var(--cds-body-short-01-font-weight, 400);
  line-height: var(--cds-body-short-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
  color: var(--cds-text-01);
  display: flex;
  margin-top: 0.5rem;
  white-space: pre;
}
.body-wrapper .buttons {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
}
.body-wrapper .buttons > button {
  margin-right: 0.75rem;
}
.body-wrapper .buttons > button.hide {
  display: none;
}
.body-wrapper #ErrorDetails .detail-label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  margin-top: 1rem;
  margin-bottom: 0.75rem;
}
.body-wrapper #ErrorDetails .detail-label:first-of-type {
  margin-top: 0;
}