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