@import "work/work-includes";

loader {
  position       : absolute;
  display        : flex;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  justify-content: center;
  align-items    : center;

  .container {
    padding         : 25px;
    // background-color: $primary-color;
    opacity         : .98;
    border-radius   : 10px;
  }

  .loader {
    width: 50px;
    height: 50px;
    border-top       : 10px solid $grey-light;
    border-right     : 10px solid $grey-light;
    border-bottom    : 10px solid $grey-light;
    border-left      : 10px solid $grey-lighter ;
    -webkit-transform: translateZ(0);
    -ms-transform    : translateZ(0);
    transform        : translateZ(0);
    -webkit-animation: load8 .8s infinite linear;
    animation        : load8 .8s infinite linear;
  }
  .loader,
  .loader:after {
    border-radius: 50%;
  }


}

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

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