.mar0 {
  margin: 0;
}

.mar1 {
  margin: var(--gap-1, var(--space-1));
}

.mar2 {
  margin: var(--gap-2, var(--space-2));
}

.mar3 {
  margin: var(--gap-3, var(--space-3));
}

.mar4 {
  margin: var(--gap-4, var(--space-4));
}

.mar5 {
  margin: var(--gap-5, var(--space-5));
}

.mar6 {
  margin: var(--gap-6, var(--space-6));
}

.mar7 {
  margin: var(--gap-7, var(--space-7));
}

.mar8 {
  margin: var(--gap-8, var(--space-8));
}

.mar9 {
  margin: var(--gap-9, var(--space-9));
}

.marT0 {
  margin-top: 0;
}

.marT1 {
  margin-top: var(--gap-1, var(--space-1));
}

.marT2 {
  margin-top: var(--gap-2, var(--space-2));
}

.marT3 {
  margin-top: var(--gap-3, var(--space-3));
}

.marT4 {
  margin-top: var(--gap-4, var(--space-4));
}

.marT5 {
  margin-top: var(--gap-5, var(--space-5));
}

.marT6 {
  margin-top: var(--gap-6, var(--space-6));
}

.marT7 {
  margin-top: var(--gap-7, var(--space-7));
}

.marT8 {
  margin-top: var(--gap-8, var(--space-8));
}

.marT9 {
  margin-top: var(--gap-9, var(--space-9));
}

.marL0 {
  margin-left: 0;
}

.marL1 {
  margin-left: var(--gap-1, var(--space-1));
}

.marL2 {
  margin-left: var(--gap-2, var(--space-2));
}

.marL3 {
  margin-left: var(--gap-3, var(--space-3));
}

.marL4 {
  margin-left: var(--gap-4, var(--space-4));
}

.marL5 {
  margin-left: var(--gap-5, var(--space-5));
}

.marL6 {
  margin-left: var(--gap-6, var(--space-6));
}

.marL7 {
  margin-left: var(--gap-7, var(--space-7));
}

.marL8 {
  margin-left: var(--gap-8, var(--space-8));
}

.marL9 {
  margin-left: var(--gap-9, var(--space-9));
}

.marB0 {
  margin-bottom: 0;
}

.marB1 {
  margin-bottom: var(--gap-1, var(--space-1));
}

.marB2 {
  margin-bottom: var(--gap-2, var(--space-2));
}

.marB3 {
  margin-bottom: var(--gap-3, var(--space-3));
}

.marB4 {
  margin-bottom: var(--gap-4, var(--space-4));
}

.marB5 {
  margin-bottom: var(--gap-5, var(--space-5));
}

.marB6 {
  margin-bottom: var(--gap-6, var(--space-6));
}

.marB7 {
  margin-bottom: var(--gap-7, var(--space-7));
}

.marB8 {
  margin-bottom: var(--gap-8, var(--space-8));
}

.marB9 {
  margin-bottom: var(--gap-9, var(--space-9));
}

.marR0 {
  margin-right: 0;
}

.marR1 {
  margin-right: var(--gap-1, var(--space-1));
}

.marR2 {
  margin-right: var(--gap-2, var(--space-2));
}

.marR3 {
  margin-right: var(--gap-3, var(--space-3));
}

.marR4 {
  margin-right: var(--gap-4, var(--space-4));
}

.marR5 {
  margin-right: var(--gap-5, var(--space-5));
}

.marR6 {
  margin-right: var(--gap-6, var(--space-6));
}

.marR7 {
  margin-right: var(--gap-7, var(--space-7));
}

.marR8 {
  margin-right: var(--gap-8, var(--space-8));
}

.marR9 {
  margin-right: var(--gap-9, var(--space-9));
}

.marXauto {
  margin-left: auto;
  margin-right: auto;
}

.marX0 {
  margin-left: 0;
  margin-right: 0;
}

.marX1 {
  margin-left: var(--gap-1, var(--space-1));
  margin-right: var(--gap-1, var(--space-1));
}

.marX2 {
  margin-left: var(--gap-2, var(--space-2));
  margin-right: var(--gap-2, var(--space-2));
}

.marX3 {
  margin-left: var(--gap-3, var(--space-3));
  margin-right: var(--gap-3, var(--space-3));
}

.marX4 {
  margin-left: var(--gap-4, var(--space-4));
  margin-right: var(--gap-4, var(--space-4));
}

.marX5 {
  margin-left: var(--gap-5, var(--space-5));
  margin-right: var(--gap-5, var(--space-5));
}

.marX6 {
  margin-left: var(--gap-6, var(--space-6));
  margin-right: var(--gap-6, var(--space-6));
}

.marX7 {
  margin-left: var(--gap-7, var(--space-7));
  margin-right: var(--gap-7, var(--space-7));
}

.marX8 {
  margin-left: var(--gap-8, var(--space-8));
  margin-right: var(--gap-8, var(--space-8));
}

.marX9 {
  margin-left: var(--gap-9, var(--space-9));
  margin-right: var(--gap-9, var(--space-9));
}

.marY0 {
  margin-bottom: 0;
  margin-top: 0;
}

.marY1 {
  margin-bottom: var(--gap-1, var(--space-1));
  margin-top: var(--gap-1, var(--space-1));
}

.marY2 {
  margin-bottom: var(--gap-2, var(--space-2));
  margin-top: var(--gap-2, var(--space-2));
}

.marY3 {
  margin-bottom: var(--gap-3, var(--space-3));
  margin-top: var(--gap-3, var(--space-3));
}

.marY4 {
  margin-bottom: var(--gap-4, var(--space-4));
  margin-top: var(--gap-4, var(--space-4));
}

.marY5 {
  margin-bottom: var(--gap-5, var(--space-5));
  margin-top: var(--gap-5, var(--space-5));
}

.marY6 {
  margin-bottom: var(--gap-6, var(--space-6));
  margin-top: var(--gap-6, var(--space-6));
}

.marY7 {
  margin-bottom: var(--gap-7, var(--space-7));
  margin-top: var(--gap-7, var(--space-7));
}

.marY8 {
  margin-bottom: var(--gap-8, var(--space-8));
  margin-top: var(--gap-8, var(--space-8));
}

.marY9 {
  margin-bottom: var(--gap-9, var(--space-9));
  margin-top: var(--gap-9, var(--space-9));
}

.pad0 {
  padding: 0;
}

.pad1 {
  padding: var(--gap-1, var(--space-1));
}

.pad2 {
  padding: var(--gap-2, var(--space-2));
}

.pad3 {
  padding: var(--gap-3, var(--space-3));
}

.pad4 {
  padding: var(--gap-4, var(--space-4));
}

.pad5 {
  padding: var(--gap-5, var(--space-5));
}

.pad6 {
  padding: var(--gap-6, var(--space-6));
}

.pad7 {
  padding: var(--gap-7, var(--space-7));
}

.pad8 {
  padding: var(--gap-8, var(--space-8));
}

.pad9 {
  padding: var(--gap-9, var(--space-9));
}

.padT0 {
  padding-top: 0;
}

.padT1 {
  padding-top: var(--gap-1, var(--space-1));
}

.padT2 {
  padding-top: var(--gap-2, var(--space-2));
}

.padT3 {
  padding-top: var(--gap-3, var(--space-3));
}

.padT4 {
  padding-top: var(--gap-4, var(--space-4));
}

.padT5 {
  padding-top: var(--gap-5, var(--space-5));
}

.padT6 {
  padding-top: var(--gap-6, var(--space-6));
}

.padT7 {
  padding-top: var(--gap-7, var(--space-7));
}

.padT8 {
  padding-top: var(--gap-8, var(--space-8));
}

.padT9 {
  padding-top: var(--gap-9, var(--space-9));
}

.padL0 {
  padding-left: 0;
}

.padL1 {
  padding-left: var(--gap-1, var(--space-1));
}

.padL2 {
  padding-left: var(--gap-2, var(--space-2));
}

.padL3 {
  padding-left: var(--gap-3, var(--space-3));
}

.padL4 {
  padding-left: var(--gap-4, var(--space-4));
}

.padL5 {
  padding-left: var(--gap-5, var(--space-5));
}

.padL6 {
  padding-left: var(--gap-6, var(--space-6));
}

.padL7 {
  padding-left: var(--gap-7, var(--space-7));
}

.padL8 {
  padding-left: var(--gap-8, var(--space-8));
}

.padL9 {
  padding-left: var(--gap-9, var(--space-9));
}

.padB0 {
  padding-bottom: 0;
}

.padB1 {
  padding-bottom: var(--gap-1, var(--space-1));
}

.padB2 {
  padding-bottom: var(--gap-2, var(--space-2));
}

.padB3 {
  padding-bottom: var(--gap-3, var(--space-3));
}

.padB4 {
  padding-bottom: var(--gap-4, var(--space-4));
}

.padB5 {
  padding-bottom: var(--gap-5, var(--space-5));
}

.padB6 {
  padding-bottom: var(--gap-6, var(--space-6));
}

.padB7 {
  padding-bottom: var(--gap-7, var(--space-7));
}

.padB8 {
  padding-bottom: var(--gap-8, var(--space-8));
}

.padB9 {
  padding-bottom: var(--gap-9, var(--space-9));
}

.padR0 {
  padding-right: 0;
}

.padR1 {
  padding-right: var(--gap-1, var(--space-1));
}

.padR2 {
  padding-right: var(--gap-2, var(--space-2));
}

.padR3 {
  padding-right: var(--gap-3, var(--space-3));
}

.padR4 {
  padding-right: var(--gap-4, var(--space-4));
}

.padR5 {
  padding-right: var(--gap-5, var(--space-5));
}

.padR6 {
  padding-right: var(--gap-6, var(--space-6));
}

.padR7 {
  padding-right: var(--gap-7, var(--space-7));
}

.padR8 {
  padding-right: var(--gap-8, var(--space-8));
}

.padR9 {
  padding-right: var(--gap-9, var(--space-9));
}

.padX0 {
  padding-left: 0;
  padding-right: 0;
}

.padX1 {
  padding-left: var(--gap-1, var(--space-1));
  padding-right: var(--gap-1, var(--space-1));
}

.padX2 {
  padding-left: var(--gap-2, var(--space-2));
  padding-right: var(--gap-2, var(--space-2));
}

.padX3 {
  padding-left: var(--gap-3, var(--space-3));
  padding-right: var(--gap-3, var(--space-3));
}

.padX4 {
  padding-left: var(--gap-4, var(--space-4));
  padding-right: var(--gap-4, var(--space-4));
}

.padX5 {
  padding-left: var(--gap-5, var(--space-5));
  padding-right: var(--gap-5, var(--space-5));
}

.padX6 {
  padding-left: var(--gap-6, var(--space-6));
  padding-right: var(--gap-6, var(--space-6));
}

.padX7 {
  padding-left: var(--gap-7, var(--space-7));
  padding-right: var(--gap-7, var(--space-7));
}

.padX8 {
  padding-left: var(--gap-8, var(--space-8));
  padding-right: var(--gap-8, var(--space-8));
}

.padX9 {
  padding-left: var(--gap-9, var(--space-9));
  padding-right: var(--gap-9, var(--space-9));
}

.padY0 {
  padding-bottom: 0;
  padding-top: 0;
}

.padY1 {
  padding-bottom: var(--gap-1, var(--space-1));
  padding-top: var(--gap-1, var(--space-1));
}

.padY2 {
  padding-bottom: var(--gap-2, var(--space-2));
  padding-top: var(--gap-2, var(--space-2));
}

.padY3 {
  padding-bottom: var(--gap-3, var(--space-3));
  padding-top: var(--gap-3, var(--space-3));
}

.padY4 {
  padding-bottom: var(--gap-4, var(--space-4));
  padding-top: var(--gap-4, var(--space-4));
}

.padY5 {
  padding-bottom: var(--gap-5, var(--space-5));
  padding-top: var(--gap-5, var(--space-5));
}

.padY6 {
  padding-bottom: var(--gap-6, var(--space-6));
  padding-top: var(--gap-6, var(--space-6));
}

.padY7 {
  padding-bottom: var(--gap-7, var(--space-7));
  padding-top: var(--gap-7, var(--space-7));
}

.padY8 {
  padding-bottom: var(--gap-8, var(--space-8));
  padding-top: var(--gap-8, var(--space-8));
}

.padY9 {
  padding-bottom: var(--gap-9, var(--space-9));
  padding-top: var(--gap-9, var(--space-9));
}