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