﻿.updateProgressBackground {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   bottom: 0;
   filter: alpha(opacity=80);
   left: 0;
   margin: 0;
   opacity: 0.8;
   overflow: auto;
   padding: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 10;
}

.updateProgress {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   background-position: center;
   background-repeat: no-repeat;
   font-size: 2rem;
   z-index: 11;
}

.loader {
   height: 2rem;
   /*aspect-ratio: 2;*/
   /* ReSharper disable InvalidValue */
   --c: no-repeat linear-gradient(#0868C7 0 0);
   /* ReSharper restore InvalidValue */
   background: var(--c),var(--c),var(--c),var(--c);
   background-size: 26% 50%;
   animation: l18 1s infinite cubic-bezier(0.5,150,0.5,-150);
}

@keyframes l18 {
   0% {
      /* ReSharper disable UnexpectedValue */
      background-position: calc(0*100%/3) 50%, calc(1*100%/3) 50%, calc(2*100%/3) 50%, calc(3*100%/3) 50%
      /* ReSharper restore UnexpectedValue */
   }

   100% {
      /* ReSharper disable UnexpectedValue */
      background-position: calc(0*100%/3) 51%, calc(1*100%/3) 50.5%, calc(2*100%/3) 49.5%, calc(3*100%/3) 49%
      /* ReSharper restore UnexpectedValue */
   }
}

