/*--------------------------------------------------------------
    Loader
--------------------------------------------------------------*/

    .pre-loader {
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999991;
        background-color: #fff;
    }

    .loader-inner {
        padding: 25px;
        position: absolute;
        left: 50%;
        top: 50%;
        text-align: center;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .loader1 .loader-text {
        font-size: 0;
        --var-pixel-size: clamp(0.0625rem, 0.05rem + 0.0625vw, 0.125rem);
        scale: 10;

        display: inline-block;
        height: 22px;
        width: 22px;
        position: relative;
    }
  
    .loader1 .loader-text::after {
        content: '';
        animation: pixel-shadow 1s linear infinite;
        -webkit-animation: pixel-shadow 1s linear infinite;
        height: var(--var-pixel-size);
        width: var(--var-pixel-size);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

@keyframes pixel-shadow {
  0% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) transparent,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) transparent;
  }
  6.25% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) transparent,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) transparent;
  }
  12.5% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) transparent,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) transparent;
  }
  18.75% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) transparent,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) transparent;
  }
  25% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) transparent,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) transparent;
  }
  31.25% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) transparent,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) transparent;
  }
  37.5% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) transparent,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) transparent;
  }
  43.75% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) currentColor,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) transparent;
  }
  50% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) currentColor,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) currentColor;
  }
  56.25% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) currentColor,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) currentColor;
  }
  62.5% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) currentColor,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) currentColor;
  }
  68.75% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) currentColor,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) currentColor;
  }
  75% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) currentColor,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) currentColor;
  }
  81.25% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) currentColor,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) currentColor;
  }
  87.5% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) currentColor,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) currentColor;
  }
  93.75% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) transparent,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) currentColor;
  }
  100% {
    box-shadow: 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * -3) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * -2) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * -1) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 0) currentColor, 
      calc(var(--var-pixel-size) * 3) calc(var(--var-pixel-size) * 1) currentColor, 
      calc(var(--var-pixel-size) * 2) calc(var(--var-pixel-size) * 2) currentColor, 
      calc(var(--var-pixel-size) * 1) calc(var(--var-pixel-size) * 3) currentColor, 
      calc(var(--var-pixel-size) * 0) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * 3) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * 2) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 1) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * 0) transparent, 
      calc(var(--var-pixel-size) * -3) calc(var(--var-pixel-size) * -1) transparent, 
      calc(var(--var-pixel-size) * -2) calc(var(--var-pixel-size) * -2) transparent,
      calc(var(--var-pixel-size) * -1) calc(var(--var-pixel-size) * -3) transparent;
  }
}



/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

    .pre-loader { background-color: var(--wdtBodyBGColor); }


/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

    /*----*****---- << Mobile (Landscape) >> ----*****----*/

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

    }


    /* Common Styles for the devices below 479px width */

    @media only screen and (max-width: 479px) {

    }