.animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
  }
  
  .yt-loader {
    z-index: 9999;
    position: fixed;
    top:0;
    left:0;
    -webkit-animation-name: horizontalProgressBar;
    animation-name: horizontalProgressBar;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background: var(--main);
    height: 3px;
    
    width: 0%;
   
   
  }
  
  .yt-loader:after{
  display: block;
  position: absolute;
  content:'';
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: var(--main) 1px 0 6px 1px;
  opacity: 0.5;
  }
  @keyframes horizontalProgressBar
  {
    0%   {width: 0%;}
    20%  {width: 10%;}
    30%  {width: 15%;}
    40%  {width: 18%;}
    50%  {width: 20%;}
    60%  {width: 22%;}
    90% {width: 95%;}
  }