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