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