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