.left-10-pct{
      left: 10%;
    }
  
      .left--10-pct{
        left: -10%;
      }
    
    .left-1{
      left: calc(var(--px-unit) * 1);
    }
  
    .left-1m{
      left: calc(var(--px-min-unit) * 1);
    }
  
    .left-1x{
      left: calc(var(--px-unit) * 1 * 10);
    }
  
    .left-1mx{
      left: calc(var(--px-min-unit) * 1 * 10);
    }
  
    .left-1mxx{
      left: calc(var(--px-min-unit) * 1 * 100);
    }
  
    .left--1{
      left: calc(var(--px-unit) * 1 * -1);
    }
  
    .left--1m{
      left: calc(var(--px-min-unit) * 1 * -1);
    }
  
    .left--1x{
      left: calc(var(--px-unit) * 1 * 10 * -1);
    }
  
    .left--1mx{
      left: calc(var(--px-min-unit) * 1 * 10 * -1);
    }
  
    .left--1mxx{
      left: calc(var(--px-min-unit) * 1 * 100 * -1);
    }
  
    .left-20-pct{
      left: 20%;
    }
  
      .left--20-pct{
        left: -20%;
      }
    
    .left-2{
      left: calc(var(--px-unit) * 2);
    }
  
    .left-2m{
      left: calc(var(--px-min-unit) * 2);
    }
  
    .left-2x{
      left: calc(var(--px-unit) * 2 * 10);
    }
  
    .left-2mx{
      left: calc(var(--px-min-unit) * 2 * 10);
    }
  
    .left-2mxx{
      left: calc(var(--px-min-unit) * 2 * 100);
    }
  
    .left--2{
      left: calc(var(--px-unit) * 2 * -1);
    }
  
    .left--2m{
      left: calc(var(--px-min-unit) * 2 * -1);
    }
  
    .left--2x{
      left: calc(var(--px-unit) * 2 * 10 * -1);
    }
  
    .left--2mx{
      left: calc(var(--px-min-unit) * 2 * 10 * -1);
    }
  
    .left--2mxx{
      left: calc(var(--px-min-unit) * 2 * 100 * -1);
    }
  
    .left-30-pct{
      left: 30%;
    }
  
      .left--30-pct{
        left: -30%;
      }
    
    .left-3{
      left: calc(var(--px-unit) * 3);
    }
  
    .left-3m{
      left: calc(var(--px-min-unit) * 3);
    }
  
    .left-3x{
      left: calc(var(--px-unit) * 3 * 10);
    }
  
    .left-3mx{
      left: calc(var(--px-min-unit) * 3 * 10);
    }
  
    .left-3mxx{
      left: calc(var(--px-min-unit) * 3 * 100);
    }
  
    .left--3{
      left: calc(var(--px-unit) * 3 * -1);
    }
  
    .left--3m{
      left: calc(var(--px-min-unit) * 3 * -1);
    }
  
    .left--3x{
      left: calc(var(--px-unit) * 3 * 10 * -1);
    }
  
    .left--3mx{
      left: calc(var(--px-min-unit) * 3 * 10 * -1);
    }
  
    .left--3mxx{
      left: calc(var(--px-min-unit) * 3 * 100 * -1);
    }
  
    .left-40-pct{
      left: 40%;
    }
  
      .left--40-pct{
        left: -40%;
      }
    
    .left-4{
      left: calc(var(--px-unit) * 4);
    }
  
    .left-4m{
      left: calc(var(--px-min-unit) * 4);
    }
  
    .left-4x{
      left: calc(var(--px-unit) * 4 * 10);
    }
  
    .left-4mx{
      left: calc(var(--px-min-unit) * 4 * 10);
    }
  
    .left-4mxx{
      left: calc(var(--px-min-unit) * 4 * 100);
    }
  
    .left--4{
      left: calc(var(--px-unit) * 4 * -1);
    }
  
    .left--4m{
      left: calc(var(--px-min-unit) * 4 * -1);
    }
  
    .left--4x{
      left: calc(var(--px-unit) * 4 * 10 * -1);
    }
  
    .left--4mx{
      left: calc(var(--px-min-unit) * 4 * 10 * -1);
    }
  
    .left--4mxx{
      left: calc(var(--px-min-unit) * 4 * 100 * -1);
    }
  
    .left-50-pct{
      left: 50%;
    }
  
      .left--50-pct{
        left: -50%;
      }
    
    .left-5{
      left: calc(var(--px-unit) * 5);
    }
  
    .left-5m{
      left: calc(var(--px-min-unit) * 5);
    }
  
    .left-5x{
      left: calc(var(--px-unit) * 5 * 10);
    }
  
    .left-5mx{
      left: calc(var(--px-min-unit) * 5 * 10);
    }
  
    .left-5mxx{
      left: calc(var(--px-min-unit) * 5 * 100);
    }
  
    .left--5{
      left: calc(var(--px-unit) * 5 * -1);
    }
  
    .left--5m{
      left: calc(var(--px-min-unit) * 5 * -1);
    }
  
    .left--5x{
      left: calc(var(--px-unit) * 5 * 10 * -1);
    }
  
    .left--5mx{
      left: calc(var(--px-min-unit) * 5 * 10 * -1);
    }
  
    .left--5mxx{
      left: calc(var(--px-min-unit) * 5 * 100 * -1);
    }
  
    .left-60-pct{
      left: 60%;
    }
  
      .left--60-pct{
        left: -60%;
      }
    
    .left-6{
      left: calc(var(--px-unit) * 6);
    }
  
    .left-6m{
      left: calc(var(--px-min-unit) * 6);
    }
  
    .left-6x{
      left: calc(var(--px-unit) * 6 * 10);
    }
  
    .left-6mx{
      left: calc(var(--px-min-unit) * 6 * 10);
    }
  
    .left-6mxx{
      left: calc(var(--px-min-unit) * 6 * 100);
    }
  
    .left--6{
      left: calc(var(--px-unit) * 6 * -1);
    }
  
    .left--6m{
      left: calc(var(--px-min-unit) * 6 * -1);
    }
  
    .left--6x{
      left: calc(var(--px-unit) * 6 * 10 * -1);
    }
  
    .left--6mx{
      left: calc(var(--px-min-unit) * 6 * 10 * -1);
    }
  
    .left--6mxx{
      left: calc(var(--px-min-unit) * 6 * 100 * -1);
    }
  
    .left-70-pct{
      left: 70%;
    }
  
      .left--70-pct{
        left: -70%;
      }
    
    .left-7{
      left: calc(var(--px-unit) * 7);
    }
  
    .left-7m{
      left: calc(var(--px-min-unit) * 7);
    }
  
    .left-7x{
      left: calc(var(--px-unit) * 7 * 10);
    }
  
    .left-7mx{
      left: calc(var(--px-min-unit) * 7 * 10);
    }
  
    .left-7mxx{
      left: calc(var(--px-min-unit) * 7 * 100);
    }
  
    .left--7{
      left: calc(var(--px-unit) * 7 * -1);
    }
  
    .left--7m{
      left: calc(var(--px-min-unit) * 7 * -1);
    }
  
    .left--7x{
      left: calc(var(--px-unit) * 7 * 10 * -1);
    }
  
    .left--7mx{
      left: calc(var(--px-min-unit) * 7 * 10 * -1);
    }
  
    .left--7mxx{
      left: calc(var(--px-min-unit) * 7 * 100 * -1);
    }
  
    .left-80-pct{
      left: 80%;
    }
  
      .left--80-pct{
        left: -80%;
      }
    
    .left-8{
      left: calc(var(--px-unit) * 8);
    }
  
    .left-8m{
      left: calc(var(--px-min-unit) * 8);
    }
  
    .left-8x{
      left: calc(var(--px-unit) * 8 * 10);
    }
  
    .left-8mx{
      left: calc(var(--px-min-unit) * 8 * 10);
    }
  
    .left-8mxx{
      left: calc(var(--px-min-unit) * 8 * 100);
    }
  
    .left--8{
      left: calc(var(--px-unit) * 8 * -1);
    }
  
    .left--8m{
      left: calc(var(--px-min-unit) * 8 * -1);
    }
  
    .left--8x{
      left: calc(var(--px-unit) * 8 * 10 * -1);
    }
  
    .left--8mx{
      left: calc(var(--px-min-unit) * 8 * 10 * -1);
    }
  
    .left--8mxx{
      left: calc(var(--px-min-unit) * 8 * 100 * -1);
    }
  
    .left-90-pct{
      left: 90%;
    }
  
      .left--90-pct{
        left: -90%;
      }
    
    .left-9{
      left: calc(var(--px-unit) * 9);
    }
  
    .left-9m{
      left: calc(var(--px-min-unit) * 9);
    }
  
    .left-9x{
      left: calc(var(--px-unit) * 9 * 10);
    }
  
    .left-9mx{
      left: calc(var(--px-min-unit) * 9 * 10);
    }
  
    .left-9mxx{
      left: calc(var(--px-min-unit) * 9 * 100);
    }
  
    .left--9{
      left: calc(var(--px-unit) * 9 * -1);
    }
  
    .left--9m{
      left: calc(var(--px-min-unit) * 9 * -1);
    }
  
    .left--9x{
      left: calc(var(--px-unit) * 9 * 10 * -1);
    }
  
    .left--9mx{
      left: calc(var(--px-min-unit) * 9 * 10 * -1);
    }
  
    .left--9mxx{
      left: calc(var(--px-min-unit) * 9 * 100 * -1);
    }
  
    .left-100-pct{
      left: 100%;
    }
  
      .left--100-pct{
        left: -100%;
      }
    
    .left-10{
      left: calc(var(--px-unit) * 10);
    }
  
    .left-10m{
      left: calc(var(--px-min-unit) * 10);
    }
  
    .left-10x{
      left: calc(var(--px-unit) * 10 * 10);
    }
  
    .left-10mx{
      left: calc(var(--px-min-unit) * 10 * 10);
    }
  
    .left-10mxx{
      left: calc(var(--px-min-unit) * 10 * 100);
    }
  
    .left--10{
      left: calc(var(--px-unit) * 10 * -1);
    }
  
    .left--10m{
      left: calc(var(--px-min-unit) * 10 * -1);
    }
  
    .left--10x{
      left: calc(var(--px-unit) * 10 * 10 * -1);
    }
  
    .left--10mx{
      left: calc(var(--px-min-unit) * 10 * 10 * -1);
    }
  
    .left--10mxx{
      left: calc(var(--px-min-unit) * 10 * 100 * -1);
    }
  
     .left-0{
       left: 0;
     }
   
     .left-auto{
       left: auto;
     }