@import "../../../style/mixin.scss";

@include export-module('co-process-loader-layout') {
  .co-process-loader {

    .loader-wrapper {
      position: fixed;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 50;
    }

    .loader-container {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 250px;
      padding: 20px;
      border-radius: 10px;

      .loader-estimated-time {
        span {
          font-size: var(--co-inphoto-font-size-label);
          margin-right: 5px;
        }
      }
    }

    .percentage {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}
