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