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