.transact-app-loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background: #f5f5f5;

    -font-smoothing: antialiased;
    -osx-font-smoothing: grayscale;
  }

  .transact-app-loader .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    animation: welcome 0.8s forwards;
    -webkit-animation: welcome 0.8s forwards;
    -moz-animation: welcome 0.8s forwards;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .transact-app-loader .wrapper svg {
    animation: rotating 1.2s infinite linear;
  }

  .transact-app-loader .wrapper svg path {
    fill: rgb(23, 165, 174);
  }

  .transact-app-loader .wrapper .label {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    font-family: "Lato", sans-serif;
    margin: 0 0 0 10px;
  }

  @-webkit-keyframes rotating {
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes rotating {
    100% {
      transform: rotate(360deg);
    }
  }

  @-webkit-keyframes welcome {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes welcome {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }