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