.lg-loader-panel-holder {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

.lg-loader-panel-holder .lg-loader-tab-wrapper {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-16px, 0px) scale(3);
}

.lg-loader-tabAnim {
  width: 17px;
  height: 15px;
  position: relative;
}

.lg-loader-tabAnim__p {
  position: absolute;
  background: #3fb3e4;
  overflow: hidden;
  position: absolute;
  height: 3px;
  width: 5px;
}

.lg-loader-tabAnim__p--0 {
  top: 0;
  left: 0;
  width: 17px;
}

.lg-loader-tabAnim__p--1 {
  top: 4px;
  left: 0px;
}

.lg-loader-tabAnim__p--2 {
  top: 4px;
  left: 6px;
}

.lg-loader-tabAnim__p--3 {
  top: 4px;
  left: 12px;
}

.lg-loader-tabAnim__p--4 {
  top: 8px;
  left: 0px;
}

.lg-loader-tabAnim__p--5 {
  top: 8px;
  left: 6px;
  width: 11px;
}

.lg-loader-tabAnim__p--6 {
  top: 12px;
  left: 0px;
}

.lg-loader-tabAnim__p--7 {
  top: 12px;
  left: 6px;
  width: 11px;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__p {
  background: #efefef;
  animation: none;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__s,
.lg-loader-tabAnim--boot .lg-loader-tabAnim__v {
  position: absolute;
  background: #efefef;
  overflow: hidden;
  position: absolute;
  animation: 2s ease-in-out infinite;
  animation-fill-mode: both;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__s {
  height: 1px;
  width: 17px;
  left: 0;
  transform-origin: right;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__v {
  height: 3px;
  width: 1px;
  top: 4px;
  transform-origin: bottom;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__s--0 {
  top: 3px;
  animation-name: lgLoaderTabAnimS0;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__s--1 {
  top: 7px;
  animation-name: lgLoaderTabAnimS1;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__s--2 {
  top: 11px;
  animation-name: lgLoaderTabAnimS2;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__v--0 {
  left: 5px;
  animation-name: lgLoaderTabAnimV0;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__v--1 {
  left: 5px;
  top: 8px;
  animation-name: lgLoaderTabAnimV1;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__v--2 {
  left: 5px;
  top: 12px;
  animation-name: lgLoaderTabAnimV2;
}

.lg-loader-tabAnim--boot .lg-loader-tabAnim__v--3 {
  left: 11px;
  animation-name: lgLoaderTabAnimV3;
}

@keyframes lgLoaderTabAnimS0 {
  0%,
  12.5% {
    transform: scaleX(1);
    opacity: 1;
  }

  25% {
    transform: scaleX(0);
    opacity: 1;
  }

  74.9% {
    transform: scaleX(0);
    opacity: 0;
  }

  75% {
    transform: scaleX(1);
    opacity: 0;
  }

  85.41667%,
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes lgLoaderTabAnimS1 {
  0%,
  16.66667% {
    transform: scaleX(1);
    opacity: 1;
  }

  29.16667% {
    transform: scaleX(0);
    opacity: 1;
  }

  74.9% {
    transform: scaleX(0);
    opacity: 0;
  }

  75% {
    transform: scaleX(1);
    opacity: 0;
  }

  85.41667%,
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes lgLoaderTabAnimS2 {
  0%,
  20.83333% {
    transform: scaleX(1);
    opacity: 1;
  }

  33.33333% {
    transform: scaleX(0);
    opacity: 1;
  }

  74.9% {
    transform: scaleX(0);
    opacity: 0;
  }

  75% {
    transform: scaleX(1);
    opacity: 0;
  }

  85.41667%,
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes lgLoaderTabAnimV0 {
  0%,
  25% {
    transform: scaleY(1);
    opacity: 1;
  }

  31.25% {
    transform: scaleY(0);
    opacity: 1;
  }

  74.9% {
    transform: scaleY(0);
    opacity: 0;
  }

  75% {
    transform: scaleY(1);
    opacity: 0;
  }

  85.41667%,
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}

@keyframes lgLoaderTabAnimV1 {
  0%,
  31.25% {
    transform: scaleY(1);
    opacity: 1;
  }

  35.41667% {
    transform: scaleY(0);
    opacity: 1;
  }

  74.9% {
    transform: scaleY(0);
    opacity: 0;
  }

  75% {
    transform: scaleY(1);
    opacity: 0;
  }

  85.41667%,
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}

@keyframes lgLoaderTabAnimV2 {
  0%,
  35.41667% {
    transform: scaleY(1);
    opacity: 1;
  }

  37.5% {
    transform: scaleY(0);
    opacity: 1;
  }

  74.9% {
    transform: scaleY(0);
    opacity: 0;
  }

  75% {
    transform: scaleY(1);
    opacity: 0;
  }

  85.41667%,
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}

@keyframes lgLoaderTabAnimV3 {
  0%,
  35.41667% {
    transform: scaleY(1);
    opacity: 1;
  }

  41.66667% {
    transform: scaleY(0);
    opacity: 1;
  }

  74.9% {
    transform: scaleY(0);
    opacity: 0;
  }

  75% {
    transform: scaleY(1);
    opacity: 0;
  }

  85.41667%,
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}

.lg-loader-panel-holder {
  position: fixed;
  left: 0;
  top: 0;
}