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