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