html,
body {
    width: 100%;
    height:100%;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.indicator_container {
      position:fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      width: 100vw;
}
.indicator_image {
  max-width: 65vw;
}
/*
The JavaScript bootstrap script to support in-browser hot restart.
The [requireUrl] loads our cached RequireJS script file. The [mapperUrl]
loads the special Dart stack trace mapper. The [entrypoint] is the
actual main.dart file.
This file is served when the browser requests "main.dart.js" in debug mode,
and is responsible for bootstrapping the RequireJS modules and attaching
the hot reload hooks.
*/
.flutter-loader {
display: none;
}
#custom_flutter_loader {
        width: 100%;
        height: 8px;
        background-color: #f3f3f3;
        position: absolute;
        top: 0px;
        left: 0px;
      }

.custom_indeterminate {
        position: relative;
        width: 100%;
        height: 100%;
}

 .custom_indeterminate:before {
         content: '';
         position: absolute;
         height: 100%;
         background-color: #aa2438;
         animation: custom_indeterminate_first 2.0s infinite ease-out;
      }

 .custom_indeterminate:after {
          content: '';
          position: absolute;
          height: 100%;
          background-color: #aa2438;
          animation: custom_indeterminate_second 2.0s infinite ease-in;
      }

      @keyframes custom_indeterminate_first {
          0% {
              left: -100%;
              width: 100%;
          }
          100% {
              left: 100%;
              width: 10%;
          }
      }

      @keyframes custom_indeterminate_second {
          0% {
              left: -150%;
              width: 100%;
          }
          100% {
              left: 100%;
              width: 10%;
          }
}