/**
  * Copyright (C) 2023 S&P Global.
  * All Rights Reserved
  * Notice: The information, data, processing technology, software (including source code),
  * technical and intellectual concepts and processes and all other materials provided
  * (collectively the "Property") are Copyright © 2023, S&P Global and/or its affiliates
  * (together "S&P Global") and constitute the proprietary and confidential information of
  * S&P Global. S&P Global reserves all rights in and to the Property. Any copying,
  * reproduction, distribution, transmission or disclosure of the Property, in any form, is
  * strictly prohibited without the prior written consent of S&P Global. Unless otherwise
  * agreed in writing, the Property is provided on an "as is" basis and S&P Global makes no
  * warranty, express or implied, as to its accuracy, completeness, timeliness, or to any
  * results to be obtained by recipient nor shall S&P Global in any way be liable to any
  * recipient for any inaccuracies, errors or omissions in the Property. Without limiting the
  * generality of the foregoing, S&P Global shall have no liability whatsoever to any
  * recipient of the Property, whether in contract, in tort (including negligence), under
  * warranty, under statute or otherwise, in respect of any loss or damage suffered by any
  * recipient as a result of or in connection with such Property, or any course of action
  * determined, by it or any third party, whether or not based on the Property. S&P Global,
  * the S&P Global logo, and the IHS Markit logo are registered trademarks of S&P Global,
  * and the trademarks of S&P Global used herein are protected by international laws.
  * Any other names may be trademarks of their respective owners.
 */

html,body {
  height:100%;
}

@keyframes pcs-loading-progress-first-half {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(0.5);
  }
}

.pcs-loading-process {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
}

.pcs-loading-process_loading .pcs-loading-process__logo {
  opacity: 1;
  transform: scale(1);
}

.pcs-loading-process__logo {
  opacity: 0;
  width: 100px;
  transform: scale(0.5);
  transition: all 500ms ease;
}

.pcs-loading-process_loading .pcs-loading-process__progress-bar {
  opacity: 1;
}

.pcs-loading-process__progress-bar {
  position: relative;
  opacity: 0;

  width: 300px;
  height: 6px;
  margin: 2.5rem 0 1rem 0;

  background-color: #dddddd;
  border-radius: 4px;
  transition: all 500ms ease;
}

.pcs-loading-process_loading .pcs-loading-process__progress-bar:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 6px;
  transform-origin: left;

  background-color: #d6002a;
  border-radius: 4px;

  animation: pcs-loading-progress-first-half 2000ms ease forwards;
}

.pcs-loading-process_loading .pcs-loading-process__title {
  opacity: 1;
}

.pcs-loading-process__title {
  opacity: 0;

  color: #495057;
  font-size: 0.875rem;
  font-weight: bold;
  font-family: sans-serif;

  transition: all 500ms ease;
}