.ui-loading {
   z-index: 1020;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   font-family: 'Space Mono', monospace;
   color: #FFF;
   text-align: center;
   opacity: 1;
   font-weight: 600;
   opacity: 0;
   transition-delay: 0.25s;
   transition: all 0.25s;
   pointer-events: none;
   user-select: none;
}

.ui-loading .text {
   font-size: 1.5rem;
}

.ui-loading.show {
   opacity: 1;
   pointer-events: initial;
}

.ui-loading .info {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate3d(-50%, -50%, 0);
}

.ui-loading .bar {
   width: 20rem;
   max-width: 100%;
   height: 1.5rem;
   border: 5px solid #fff;
   display: inline-block;
   position: relative;
   margin-top: 20px;
}

.ui-loading .progress {
   position: absolute;
   top: 0;
   left: 0;
   width: 0%;
   height: calc(100% + 1px);
   background: #fff;
}