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