@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@500;700&display=swap");
.w--0 {
  width: var(--dimension--0);
}

@media (max-width: 640px) {
  .sm\:w--0:nth-child(n):nth-child(n) {
    width: var(--dimension--0);
  }
}
@media (min-width: 640px) {
  .lg\:w--0:nth-child(n):nth-child(n) {
    width: var(--dimension--0);
  }
}
.h--0 {
  height: var(--dimension--0);
}

@media (max-width: 640px) {
  .sm\:h--0:nth-child(n):nth-child(n) {
    height: var(--dimension--0);
  }
}
@media (min-width: 640px) {
  .lg\:h--0:nth-child(n):nth-child(n) {
    height: var(--dimension--0);
  }
}
.max-w--0 {
  max-width: var(--dimension--0);
}

@media (max-width: 640px) {
  .sm\:max-w--0:nth-child(n):nth-child(n) {
    max-width: var(--dimension--0);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--0:nth-child(n):nth-child(n) {
    max-width: var(--dimension--0);
  }
}
.max-h--0 {
  max-height: var(--dimension--0);
}

@media (max-width: 640px) {
  .sm\:max-h--0:nth-child(n):nth-child(n) {
    max-height: var(--dimension--0);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--0:nth-child(n):nth-child(n) {
    max-height: var(--dimension--0);
  }
}
.min-w--0 {
  min-width: var(--dimension--0);
}

@media (max-width: 640px) {
  .sm\:min-w--0:nth-child(n):nth-child(n) {
    min-width: var(--dimension--0);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--0:nth-child(n):nth-child(n) {
    min-width: var(--dimension--0);
  }
}
.min-h--0 {
  min-height: var(--dimension--0);
}

@media (max-width: 640px) {
  .sm\:min-h--0:nth-child(n):nth-child(n) {
    min-height: var(--dimension--0);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--0:nth-child(n):nth-child(n) {
    min-height: var(--dimension--0);
  }
}
.w--1 {
  width: var(--dimension--1);
}

@media (max-width: 640px) {
  .sm\:w--1:nth-child(n):nth-child(n) {
    width: var(--dimension--1);
  }
}
@media (min-width: 640px) {
  .lg\:w--1:nth-child(n):nth-child(n) {
    width: var(--dimension--1);
  }
}
.h--1 {
  height: var(--dimension--1);
}

@media (max-width: 640px) {
  .sm\:h--1:nth-child(n):nth-child(n) {
    height: var(--dimension--1);
  }
}
@media (min-width: 640px) {
  .lg\:h--1:nth-child(n):nth-child(n) {
    height: var(--dimension--1);
  }
}
.max-w--1 {
  max-width: var(--dimension--1);
}

@media (max-width: 640px) {
  .sm\:max-w--1:nth-child(n):nth-child(n) {
    max-width: var(--dimension--1);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--1:nth-child(n):nth-child(n) {
    max-width: var(--dimension--1);
  }
}
.max-h--1 {
  max-height: var(--dimension--1);
}

@media (max-width: 640px) {
  .sm\:max-h--1:nth-child(n):nth-child(n) {
    max-height: var(--dimension--1);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--1:nth-child(n):nth-child(n) {
    max-height: var(--dimension--1);
  }
}
.min-w--1 {
  min-width: var(--dimension--1);
}

@media (max-width: 640px) {
  .sm\:min-w--1:nth-child(n):nth-child(n) {
    min-width: var(--dimension--1);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--1:nth-child(n):nth-child(n) {
    min-width: var(--dimension--1);
  }
}
.min-h--1 {
  min-height: var(--dimension--1);
}

@media (max-width: 640px) {
  .sm\:min-h--1:nth-child(n):nth-child(n) {
    min-height: var(--dimension--1);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--1:nth-child(n):nth-child(n) {
    min-height: var(--dimension--1);
  }
}
.w--2 {
  width: var(--dimension--2);
}

@media (max-width: 640px) {
  .sm\:w--2:nth-child(n):nth-child(n) {
    width: var(--dimension--2);
  }
}
@media (min-width: 640px) {
  .lg\:w--2:nth-child(n):nth-child(n) {
    width: var(--dimension--2);
  }
}
.h--2 {
  height: var(--dimension--2);
}

@media (max-width: 640px) {
  .sm\:h--2:nth-child(n):nth-child(n) {
    height: var(--dimension--2);
  }
}
@media (min-width: 640px) {
  .lg\:h--2:nth-child(n):nth-child(n) {
    height: var(--dimension--2);
  }
}
.max-w--2 {
  max-width: var(--dimension--2);
}

@media (max-width: 640px) {
  .sm\:max-w--2:nth-child(n):nth-child(n) {
    max-width: var(--dimension--2);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--2:nth-child(n):nth-child(n) {
    max-width: var(--dimension--2);
  }
}
.max-h--2 {
  max-height: var(--dimension--2);
}

@media (max-width: 640px) {
  .sm\:max-h--2:nth-child(n):nth-child(n) {
    max-height: var(--dimension--2);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--2:nth-child(n):nth-child(n) {
    max-height: var(--dimension--2);
  }
}
.min-w--2 {
  min-width: var(--dimension--2);
}

@media (max-width: 640px) {
  .sm\:min-w--2:nth-child(n):nth-child(n) {
    min-width: var(--dimension--2);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--2:nth-child(n):nth-child(n) {
    min-width: var(--dimension--2);
  }
}
.min-h--2 {
  min-height: var(--dimension--2);
}

@media (max-width: 640px) {
  .sm\:min-h--2:nth-child(n):nth-child(n) {
    min-height: var(--dimension--2);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--2:nth-child(n):nth-child(n) {
    min-height: var(--dimension--2);
  }
}
.w--3 {
  width: var(--dimension--3);
}

@media (max-width: 640px) {
  .sm\:w--3:nth-child(n):nth-child(n) {
    width: var(--dimension--3);
  }
}
@media (min-width: 640px) {
  .lg\:w--3:nth-child(n):nth-child(n) {
    width: var(--dimension--3);
  }
}
.h--3 {
  height: var(--dimension--3);
}

@media (max-width: 640px) {
  .sm\:h--3:nth-child(n):nth-child(n) {
    height: var(--dimension--3);
  }
}
@media (min-width: 640px) {
  .lg\:h--3:nth-child(n):nth-child(n) {
    height: var(--dimension--3);
  }
}
.max-w--3 {
  max-width: var(--dimension--3);
}

@media (max-width: 640px) {
  .sm\:max-w--3:nth-child(n):nth-child(n) {
    max-width: var(--dimension--3);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--3:nth-child(n):nth-child(n) {
    max-width: var(--dimension--3);
  }
}
.max-h--3 {
  max-height: var(--dimension--3);
}

@media (max-width: 640px) {
  .sm\:max-h--3:nth-child(n):nth-child(n) {
    max-height: var(--dimension--3);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--3:nth-child(n):nth-child(n) {
    max-height: var(--dimension--3);
  }
}
.min-w--3 {
  min-width: var(--dimension--3);
}

@media (max-width: 640px) {
  .sm\:min-w--3:nth-child(n):nth-child(n) {
    min-width: var(--dimension--3);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--3:nth-child(n):nth-child(n) {
    min-width: var(--dimension--3);
  }
}
.min-h--3 {
  min-height: var(--dimension--3);
}

@media (max-width: 640px) {
  .sm\:min-h--3:nth-child(n):nth-child(n) {
    min-height: var(--dimension--3);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--3:nth-child(n):nth-child(n) {
    min-height: var(--dimension--3);
  }
}
.w--100 {
  width: var(--dimension--100);
}

@media (max-width: 640px) {
  .sm\:w--100:nth-child(n):nth-child(n) {
    width: var(--dimension--100);
  }
}
@media (min-width: 640px) {
  .lg\:w--100:nth-child(n):nth-child(n) {
    width: var(--dimension--100);
  }
}
.h--100 {
  height: var(--dimension--100);
}

@media (max-width: 640px) {
  .sm\:h--100:nth-child(n):nth-child(n) {
    height: var(--dimension--100);
  }
}
@media (min-width: 640px) {
  .lg\:h--100:nth-child(n):nth-child(n) {
    height: var(--dimension--100);
  }
}
.max-w--100 {
  max-width: var(--dimension--100);
}

@media (max-width: 640px) {
  .sm\:max-w--100:nth-child(n):nth-child(n) {
    max-width: var(--dimension--100);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--100:nth-child(n):nth-child(n) {
    max-width: var(--dimension--100);
  }
}
.max-h--100 {
  max-height: var(--dimension--100);
}

@media (max-width: 640px) {
  .sm\:max-h--100:nth-child(n):nth-child(n) {
    max-height: var(--dimension--100);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--100:nth-child(n):nth-child(n) {
    max-height: var(--dimension--100);
  }
}
.min-w--100 {
  min-width: var(--dimension--100);
}

@media (max-width: 640px) {
  .sm\:min-w--100:nth-child(n):nth-child(n) {
    min-width: var(--dimension--100);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--100:nth-child(n):nth-child(n) {
    min-width: var(--dimension--100);
  }
}
.min-h--100 {
  min-height: var(--dimension--100);
}

@media (max-width: 640px) {
  .sm\:min-h--100:nth-child(n):nth-child(n) {
    min-height: var(--dimension--100);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--100:nth-child(n):nth-child(n) {
    min-height: var(--dimension--100);
  }
}
.w--1\/2 {
  width: var(--dimension--1\/2);
}

@media (max-width: 640px) {
  .sm\:w--1\/2:nth-child(n):nth-child(n) {
    width: var(--dimension--1\/2);
  }
}
@media (min-width: 640px) {
  .lg\:w--1\/2:nth-child(n):nth-child(n) {
    width: var(--dimension--1\/2);
  }
}
.h--1\/2 {
  height: var(--dimension--1\/2);
}

@media (max-width: 640px) {
  .sm\:h--1\/2:nth-child(n):nth-child(n) {
    height: var(--dimension--1\/2);
  }
}
@media (min-width: 640px) {
  .lg\:h--1\/2:nth-child(n):nth-child(n) {
    height: var(--dimension--1\/2);
  }
}
.max-w--1\/2 {
  max-width: var(--dimension--1\/2);
}

@media (max-width: 640px) {
  .sm\:max-w--1\/2:nth-child(n):nth-child(n) {
    max-width: var(--dimension--1\/2);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--1\/2:nth-child(n):nth-child(n) {
    max-width: var(--dimension--1\/2);
  }
}
.max-h--1\/2 {
  max-height: var(--dimension--1\/2);
}

@media (max-width: 640px) {
  .sm\:max-h--1\/2:nth-child(n):nth-child(n) {
    max-height: var(--dimension--1\/2);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--1\/2:nth-child(n):nth-child(n) {
    max-height: var(--dimension--1\/2);
  }
}
.min-w--1\/2 {
  min-width: var(--dimension--1\/2);
}

@media (max-width: 640px) {
  .sm\:min-w--1\/2:nth-child(n):nth-child(n) {
    min-width: var(--dimension--1\/2);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--1\/2:nth-child(n):nth-child(n) {
    min-width: var(--dimension--1\/2);
  }
}
.min-h--1\/2 {
  min-height: var(--dimension--1\/2);
}

@media (max-width: 640px) {
  .sm\:min-h--1\/2:nth-child(n):nth-child(n) {
    min-height: var(--dimension--1\/2);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--1\/2:nth-child(n):nth-child(n) {
    min-height: var(--dimension--1\/2);
  }
}
.w--1\/3 {
  width: var(--dimension--1\/3);
}

@media (max-width: 640px) {
  .sm\:w--1\/3:nth-child(n):nth-child(n) {
    width: var(--dimension--1\/3);
  }
}
@media (min-width: 640px) {
  .lg\:w--1\/3:nth-child(n):nth-child(n) {
    width: var(--dimension--1\/3);
  }
}
.h--1\/3 {
  height: var(--dimension--1\/3);
}

@media (max-width: 640px) {
  .sm\:h--1\/3:nth-child(n):nth-child(n) {
    height: var(--dimension--1\/3);
  }
}
@media (min-width: 640px) {
  .lg\:h--1\/3:nth-child(n):nth-child(n) {
    height: var(--dimension--1\/3);
  }
}
.max-w--1\/3 {
  max-width: var(--dimension--1\/3);
}

@media (max-width: 640px) {
  .sm\:max-w--1\/3:nth-child(n):nth-child(n) {
    max-width: var(--dimension--1\/3);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--1\/3:nth-child(n):nth-child(n) {
    max-width: var(--dimension--1\/3);
  }
}
.max-h--1\/3 {
  max-height: var(--dimension--1\/3);
}

@media (max-width: 640px) {
  .sm\:max-h--1\/3:nth-child(n):nth-child(n) {
    max-height: var(--dimension--1\/3);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--1\/3:nth-child(n):nth-child(n) {
    max-height: var(--dimension--1\/3);
  }
}
.min-w--1\/3 {
  min-width: var(--dimension--1\/3);
}

@media (max-width: 640px) {
  .sm\:min-w--1\/3:nth-child(n):nth-child(n) {
    min-width: var(--dimension--1\/3);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--1\/3:nth-child(n):nth-child(n) {
    min-width: var(--dimension--1\/3);
  }
}
.min-h--1\/3 {
  min-height: var(--dimension--1\/3);
}

@media (max-width: 640px) {
  .sm\:min-h--1\/3:nth-child(n):nth-child(n) {
    min-height: var(--dimension--1\/3);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--1\/3:nth-child(n):nth-child(n) {
    min-height: var(--dimension--1\/3);
  }
}
.w--2\/3 {
  width: var(--dimension--2\/3);
}

@media (max-width: 640px) {
  .sm\:w--2\/3:nth-child(n):nth-child(n) {
    width: var(--dimension--2\/3);
  }
}
@media (min-width: 640px) {
  .lg\:w--2\/3:nth-child(n):nth-child(n) {
    width: var(--dimension--2\/3);
  }
}
.h--2\/3 {
  height: var(--dimension--2\/3);
}

@media (max-width: 640px) {
  .sm\:h--2\/3:nth-child(n):nth-child(n) {
    height: var(--dimension--2\/3);
  }
}
@media (min-width: 640px) {
  .lg\:h--2\/3:nth-child(n):nth-child(n) {
    height: var(--dimension--2\/3);
  }
}
.max-w--2\/3 {
  max-width: var(--dimension--2\/3);
}

@media (max-width: 640px) {
  .sm\:max-w--2\/3:nth-child(n):nth-child(n) {
    max-width: var(--dimension--2\/3);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--2\/3:nth-child(n):nth-child(n) {
    max-width: var(--dimension--2\/3);
  }
}
.max-h--2\/3 {
  max-height: var(--dimension--2\/3);
}

@media (max-width: 640px) {
  .sm\:max-h--2\/3:nth-child(n):nth-child(n) {
    max-height: var(--dimension--2\/3);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--2\/3:nth-child(n):nth-child(n) {
    max-height: var(--dimension--2\/3);
  }
}
.min-w--2\/3 {
  min-width: var(--dimension--2\/3);
}

@media (max-width: 640px) {
  .sm\:min-w--2\/3:nth-child(n):nth-child(n) {
    min-width: var(--dimension--2\/3);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--2\/3:nth-child(n):nth-child(n) {
    min-width: var(--dimension--2\/3);
  }
}
.min-h--2\/3 {
  min-height: var(--dimension--2\/3);
}

@media (max-width: 640px) {
  .sm\:min-h--2\/3:nth-child(n):nth-child(n) {
    min-height: var(--dimension--2\/3);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--2\/3:nth-child(n):nth-child(n) {
    min-height: var(--dimension--2\/3);
  }
}
.w--1\/4 {
  width: var(--dimension--1\/4);
}

@media (max-width: 640px) {
  .sm\:w--1\/4:nth-child(n):nth-child(n) {
    width: var(--dimension--1\/4);
  }
}
@media (min-width: 640px) {
  .lg\:w--1\/4:nth-child(n):nth-child(n) {
    width: var(--dimension--1\/4);
  }
}
.h--1\/4 {
  height: var(--dimension--1\/4);
}

@media (max-width: 640px) {
  .sm\:h--1\/4:nth-child(n):nth-child(n) {
    height: var(--dimension--1\/4);
  }
}
@media (min-width: 640px) {
  .lg\:h--1\/4:nth-child(n):nth-child(n) {
    height: var(--dimension--1\/4);
  }
}
.max-w--1\/4 {
  max-width: var(--dimension--1\/4);
}

@media (max-width: 640px) {
  .sm\:max-w--1\/4:nth-child(n):nth-child(n) {
    max-width: var(--dimension--1\/4);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--1\/4:nth-child(n):nth-child(n) {
    max-width: var(--dimension--1\/4);
  }
}
.max-h--1\/4 {
  max-height: var(--dimension--1\/4);
}

@media (max-width: 640px) {
  .sm\:max-h--1\/4:nth-child(n):nth-child(n) {
    max-height: var(--dimension--1\/4);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--1\/4:nth-child(n):nth-child(n) {
    max-height: var(--dimension--1\/4);
  }
}
.min-w--1\/4 {
  min-width: var(--dimension--1\/4);
}

@media (max-width: 640px) {
  .sm\:min-w--1\/4:nth-child(n):nth-child(n) {
    min-width: var(--dimension--1\/4);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--1\/4:nth-child(n):nth-child(n) {
    min-width: var(--dimension--1\/4);
  }
}
.min-h--1\/4 {
  min-height: var(--dimension--1\/4);
}

@media (max-width: 640px) {
  .sm\:min-h--1\/4:nth-child(n):nth-child(n) {
    min-height: var(--dimension--1\/4);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--1\/4:nth-child(n):nth-child(n) {
    min-height: var(--dimension--1\/4);
  }
}
.w--3\/4 {
  width: var(--dimension--3\/4);
}

@media (max-width: 640px) {
  .sm\:w--3\/4:nth-child(n):nth-child(n) {
    width: var(--dimension--3\/4);
  }
}
@media (min-width: 640px) {
  .lg\:w--3\/4:nth-child(n):nth-child(n) {
    width: var(--dimension--3\/4);
  }
}
.h--3\/4 {
  height: var(--dimension--3\/4);
}

@media (max-width: 640px) {
  .sm\:h--3\/4:nth-child(n):nth-child(n) {
    height: var(--dimension--3\/4);
  }
}
@media (min-width: 640px) {
  .lg\:h--3\/4:nth-child(n):nth-child(n) {
    height: var(--dimension--3\/4);
  }
}
.max-w--3\/4 {
  max-width: var(--dimension--3\/4);
}

@media (max-width: 640px) {
  .sm\:max-w--3\/4:nth-child(n):nth-child(n) {
    max-width: var(--dimension--3\/4);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--3\/4:nth-child(n):nth-child(n) {
    max-width: var(--dimension--3\/4);
  }
}
.max-h--3\/4 {
  max-height: var(--dimension--3\/4);
}

@media (max-width: 640px) {
  .sm\:max-h--3\/4:nth-child(n):nth-child(n) {
    max-height: var(--dimension--3\/4);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--3\/4:nth-child(n):nth-child(n) {
    max-height: var(--dimension--3\/4);
  }
}
.min-w--3\/4 {
  min-width: var(--dimension--3\/4);
}

@media (max-width: 640px) {
  .sm\:min-w--3\/4:nth-child(n):nth-child(n) {
    min-width: var(--dimension--3\/4);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--3\/4:nth-child(n):nth-child(n) {
    min-width: var(--dimension--3\/4);
  }
}
.min-h--3\/4 {
  min-height: var(--dimension--3\/4);
}

@media (max-width: 640px) {
  .sm\:min-h--3\/4:nth-child(n):nth-child(n) {
    min-height: var(--dimension--3\/4);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--3\/4:nth-child(n):nth-child(n) {
    min-height: var(--dimension--3\/4);
  }
}
.w--9\/10 {
  width: var(--dimension--9\/10);
}

@media (max-width: 640px) {
  .sm\:w--9\/10:nth-child(n):nth-child(n) {
    width: var(--dimension--9\/10);
  }
}
@media (min-width: 640px) {
  .lg\:w--9\/10:nth-child(n):nth-child(n) {
    width: var(--dimension--9\/10);
  }
}
.h--9\/10 {
  height: var(--dimension--9\/10);
}

@media (max-width: 640px) {
  .sm\:h--9\/10:nth-child(n):nth-child(n) {
    height: var(--dimension--9\/10);
  }
}
@media (min-width: 640px) {
  .lg\:h--9\/10:nth-child(n):nth-child(n) {
    height: var(--dimension--9\/10);
  }
}
.max-w--9\/10 {
  max-width: var(--dimension--9\/10);
}

@media (max-width: 640px) {
  .sm\:max-w--9\/10:nth-child(n):nth-child(n) {
    max-width: var(--dimension--9\/10);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--9\/10:nth-child(n):nth-child(n) {
    max-width: var(--dimension--9\/10);
  }
}
.max-h--9\/10 {
  max-height: var(--dimension--9\/10);
}

@media (max-width: 640px) {
  .sm\:max-h--9\/10:nth-child(n):nth-child(n) {
    max-height: var(--dimension--9\/10);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--9\/10:nth-child(n):nth-child(n) {
    max-height: var(--dimension--9\/10);
  }
}
.min-w--9\/10 {
  min-width: var(--dimension--9\/10);
}

@media (max-width: 640px) {
  .sm\:min-w--9\/10:nth-child(n):nth-child(n) {
    min-width: var(--dimension--9\/10);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--9\/10:nth-child(n):nth-child(n) {
    min-width: var(--dimension--9\/10);
  }
}
.min-h--9\/10 {
  min-height: var(--dimension--9\/10);
}

@media (max-width: 640px) {
  .sm\:min-h--9\/10:nth-child(n):nth-child(n) {
    min-height: var(--dimension--9\/10);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--9\/10:nth-child(n):nth-child(n) {
    min-height: var(--dimension--9\/10);
  }
}
.w--xxs {
  width: var(--dimension--xxs);
}

@media (max-width: 640px) {
  .sm\:w--xxs:nth-child(n):nth-child(n) {
    width: var(--dimension--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:w--xxs:nth-child(n):nth-child(n) {
    width: var(--dimension--xxs);
  }
}
.h--xxs {
  height: var(--dimension--xxs);
}

@media (max-width: 640px) {
  .sm\:h--xxs:nth-child(n):nth-child(n) {
    height: var(--dimension--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:h--xxs:nth-child(n):nth-child(n) {
    height: var(--dimension--xxs);
  }
}
.max-w--xxs {
  max-width: var(--dimension--xxs);
}

@media (max-width: 640px) {
  .sm\:max-w--xxs:nth-child(n):nth-child(n) {
    max-width: var(--dimension--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--xxs:nth-child(n):nth-child(n) {
    max-width: var(--dimension--xxs);
  }
}
.max-h--xxs {
  max-height: var(--dimension--xxs);
}

@media (max-width: 640px) {
  .sm\:max-h--xxs:nth-child(n):nth-child(n) {
    max-height: var(--dimension--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--xxs:nth-child(n):nth-child(n) {
    max-height: var(--dimension--xxs);
  }
}
.min-w--xxs {
  min-width: var(--dimension--xxs);
}

@media (max-width: 640px) {
  .sm\:min-w--xxs:nth-child(n):nth-child(n) {
    min-width: var(--dimension--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--xxs:nth-child(n):nth-child(n) {
    min-width: var(--dimension--xxs);
  }
}
.min-h--xxs {
  min-height: var(--dimension--xxs);
}

@media (max-width: 640px) {
  .sm\:min-h--xxs:nth-child(n):nth-child(n) {
    min-height: var(--dimension--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--xxs:nth-child(n):nth-child(n) {
    min-height: var(--dimension--xxs);
  }
}
.w--xs {
  width: var(--dimension--xs);
}

@media (max-width: 640px) {
  .sm\:w--xs:nth-child(n):nth-child(n) {
    width: var(--dimension--xs);
  }
}
@media (min-width: 640px) {
  .lg\:w--xs:nth-child(n):nth-child(n) {
    width: var(--dimension--xs);
  }
}
.h--xs {
  height: var(--dimension--xs);
}

@media (max-width: 640px) {
  .sm\:h--xs:nth-child(n):nth-child(n) {
    height: var(--dimension--xs);
  }
}
@media (min-width: 640px) {
  .lg\:h--xs:nth-child(n):nth-child(n) {
    height: var(--dimension--xs);
  }
}
.max-w--xs {
  max-width: var(--dimension--xs);
}

@media (max-width: 640px) {
  .sm\:max-w--xs:nth-child(n):nth-child(n) {
    max-width: var(--dimension--xs);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--xs:nth-child(n):nth-child(n) {
    max-width: var(--dimension--xs);
  }
}
.max-h--xs {
  max-height: var(--dimension--xs);
}

@media (max-width: 640px) {
  .sm\:max-h--xs:nth-child(n):nth-child(n) {
    max-height: var(--dimension--xs);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--xs:nth-child(n):nth-child(n) {
    max-height: var(--dimension--xs);
  }
}
.min-w--xs {
  min-width: var(--dimension--xs);
}

@media (max-width: 640px) {
  .sm\:min-w--xs:nth-child(n):nth-child(n) {
    min-width: var(--dimension--xs);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--xs:nth-child(n):nth-child(n) {
    min-width: var(--dimension--xs);
  }
}
.min-h--xs {
  min-height: var(--dimension--xs);
}

@media (max-width: 640px) {
  .sm\:min-h--xs:nth-child(n):nth-child(n) {
    min-height: var(--dimension--xs);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--xs:nth-child(n):nth-child(n) {
    min-height: var(--dimension--xs);
  }
}
.w--s {
  width: var(--dimension--s);
}

@media (max-width: 640px) {
  .sm\:w--s:nth-child(n):nth-child(n) {
    width: var(--dimension--s);
  }
}
@media (min-width: 640px) {
  .lg\:w--s:nth-child(n):nth-child(n) {
    width: var(--dimension--s);
  }
}
.h--s {
  height: var(--dimension--s);
}

@media (max-width: 640px) {
  .sm\:h--s:nth-child(n):nth-child(n) {
    height: var(--dimension--s);
  }
}
@media (min-width: 640px) {
  .lg\:h--s:nth-child(n):nth-child(n) {
    height: var(--dimension--s);
  }
}
.max-w--s {
  max-width: var(--dimension--s);
}

@media (max-width: 640px) {
  .sm\:max-w--s:nth-child(n):nth-child(n) {
    max-width: var(--dimension--s);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--s:nth-child(n):nth-child(n) {
    max-width: var(--dimension--s);
  }
}
.max-h--s {
  max-height: var(--dimension--s);
}

@media (max-width: 640px) {
  .sm\:max-h--s:nth-child(n):nth-child(n) {
    max-height: var(--dimension--s);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--s:nth-child(n):nth-child(n) {
    max-height: var(--dimension--s);
  }
}
.min-w--s {
  min-width: var(--dimension--s);
}

@media (max-width: 640px) {
  .sm\:min-w--s:nth-child(n):nth-child(n) {
    min-width: var(--dimension--s);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--s:nth-child(n):nth-child(n) {
    min-width: var(--dimension--s);
  }
}
.min-h--s {
  min-height: var(--dimension--s);
}

@media (max-width: 640px) {
  .sm\:min-h--s:nth-child(n):nth-child(n) {
    min-height: var(--dimension--s);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--s:nth-child(n):nth-child(n) {
    min-height: var(--dimension--s);
  }
}
.w--m {
  width: var(--dimension--m);
}

@media (max-width: 640px) {
  .sm\:w--m:nth-child(n):nth-child(n) {
    width: var(--dimension--m);
  }
}
@media (min-width: 640px) {
  .lg\:w--m:nth-child(n):nth-child(n) {
    width: var(--dimension--m);
  }
}
.h--m {
  height: var(--dimension--m);
}

@media (max-width: 640px) {
  .sm\:h--m:nth-child(n):nth-child(n) {
    height: var(--dimension--m);
  }
}
@media (min-width: 640px) {
  .lg\:h--m:nth-child(n):nth-child(n) {
    height: var(--dimension--m);
  }
}
.max-w--m {
  max-width: var(--dimension--m);
}

@media (max-width: 640px) {
  .sm\:max-w--m:nth-child(n):nth-child(n) {
    max-width: var(--dimension--m);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--m:nth-child(n):nth-child(n) {
    max-width: var(--dimension--m);
  }
}
.max-h--m {
  max-height: var(--dimension--m);
}

@media (max-width: 640px) {
  .sm\:max-h--m:nth-child(n):nth-child(n) {
    max-height: var(--dimension--m);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--m:nth-child(n):nth-child(n) {
    max-height: var(--dimension--m);
  }
}
.min-w--m {
  min-width: var(--dimension--m);
}

@media (max-width: 640px) {
  .sm\:min-w--m:nth-child(n):nth-child(n) {
    min-width: var(--dimension--m);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--m:nth-child(n):nth-child(n) {
    min-width: var(--dimension--m);
  }
}
.min-h--m {
  min-height: var(--dimension--m);
}

@media (max-width: 640px) {
  .sm\:min-h--m:nth-child(n):nth-child(n) {
    min-height: var(--dimension--m);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--m:nth-child(n):nth-child(n) {
    min-height: var(--dimension--m);
  }
}
.w--l {
  width: var(--dimension--l);
}

@media (max-width: 640px) {
  .sm\:w--l:nth-child(n):nth-child(n) {
    width: var(--dimension--l);
  }
}
@media (min-width: 640px) {
  .lg\:w--l:nth-child(n):nth-child(n) {
    width: var(--dimension--l);
  }
}
.h--l {
  height: var(--dimension--l);
}

@media (max-width: 640px) {
  .sm\:h--l:nth-child(n):nth-child(n) {
    height: var(--dimension--l);
  }
}
@media (min-width: 640px) {
  .lg\:h--l:nth-child(n):nth-child(n) {
    height: var(--dimension--l);
  }
}
.max-w--l {
  max-width: var(--dimension--l);
}

@media (max-width: 640px) {
  .sm\:max-w--l:nth-child(n):nth-child(n) {
    max-width: var(--dimension--l);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--l:nth-child(n):nth-child(n) {
    max-width: var(--dimension--l);
  }
}
.max-h--l {
  max-height: var(--dimension--l);
}

@media (max-width: 640px) {
  .sm\:max-h--l:nth-child(n):nth-child(n) {
    max-height: var(--dimension--l);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--l:nth-child(n):nth-child(n) {
    max-height: var(--dimension--l);
  }
}
.min-w--l {
  min-width: var(--dimension--l);
}

@media (max-width: 640px) {
  .sm\:min-w--l:nth-child(n):nth-child(n) {
    min-width: var(--dimension--l);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--l:nth-child(n):nth-child(n) {
    min-width: var(--dimension--l);
  }
}
.min-h--l {
  min-height: var(--dimension--l);
}

@media (max-width: 640px) {
  .sm\:min-h--l:nth-child(n):nth-child(n) {
    min-height: var(--dimension--l);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--l:nth-child(n):nth-child(n) {
    min-height: var(--dimension--l);
  }
}
.w--xl {
  width: var(--dimension--xl);
}

@media (max-width: 640px) {
  .sm\:w--xl:nth-child(n):nth-child(n) {
    width: var(--dimension--xl);
  }
}
@media (min-width: 640px) {
  .lg\:w--xl:nth-child(n):nth-child(n) {
    width: var(--dimension--xl);
  }
}
.h--xl {
  height: var(--dimension--xl);
}

@media (max-width: 640px) {
  .sm\:h--xl:nth-child(n):nth-child(n) {
    height: var(--dimension--xl);
  }
}
@media (min-width: 640px) {
  .lg\:h--xl:nth-child(n):nth-child(n) {
    height: var(--dimension--xl);
  }
}
.max-w--xl {
  max-width: var(--dimension--xl);
}

@media (max-width: 640px) {
  .sm\:max-w--xl:nth-child(n):nth-child(n) {
    max-width: var(--dimension--xl);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--xl:nth-child(n):nth-child(n) {
    max-width: var(--dimension--xl);
  }
}
.max-h--xl {
  max-height: var(--dimension--xl);
}

@media (max-width: 640px) {
  .sm\:max-h--xl:nth-child(n):nth-child(n) {
    max-height: var(--dimension--xl);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--xl:nth-child(n):nth-child(n) {
    max-height: var(--dimension--xl);
  }
}
.min-w--xl {
  min-width: var(--dimension--xl);
}

@media (max-width: 640px) {
  .sm\:min-w--xl:nth-child(n):nth-child(n) {
    min-width: var(--dimension--xl);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--xl:nth-child(n):nth-child(n) {
    min-width: var(--dimension--xl);
  }
}
.min-h--xl {
  min-height: var(--dimension--xl);
}

@media (max-width: 640px) {
  .sm\:min-h--xl:nth-child(n):nth-child(n) {
    min-height: var(--dimension--xl);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--xl:nth-child(n):nth-child(n) {
    min-height: var(--dimension--xl);
  }
}
.w--xxl {
  width: var(--dimension--xxl);
}

@media (max-width: 640px) {
  .sm\:w--xxl:nth-child(n):nth-child(n) {
    width: var(--dimension--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:w--xxl:nth-child(n):nth-child(n) {
    width: var(--dimension--xxl);
  }
}
.h--xxl {
  height: var(--dimension--xxl);
}

@media (max-width: 640px) {
  .sm\:h--xxl:nth-child(n):nth-child(n) {
    height: var(--dimension--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:h--xxl:nth-child(n):nth-child(n) {
    height: var(--dimension--xxl);
  }
}
.max-w--xxl {
  max-width: var(--dimension--xxl);
}

@media (max-width: 640px) {
  .sm\:max-w--xxl:nth-child(n):nth-child(n) {
    max-width: var(--dimension--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--xxl:nth-child(n):nth-child(n) {
    max-width: var(--dimension--xxl);
  }
}
.max-h--xxl {
  max-height: var(--dimension--xxl);
}

@media (max-width: 640px) {
  .sm\:max-h--xxl:nth-child(n):nth-child(n) {
    max-height: var(--dimension--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--xxl:nth-child(n):nth-child(n) {
    max-height: var(--dimension--xxl);
  }
}
.min-w--xxl {
  min-width: var(--dimension--xxl);
}

@media (max-width: 640px) {
  .sm\:min-w--xxl:nth-child(n):nth-child(n) {
    min-width: var(--dimension--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--xxl:nth-child(n):nth-child(n) {
    min-width: var(--dimension--xxl);
  }
}
.min-h--xxl {
  min-height: var(--dimension--xxl);
}

@media (max-width: 640px) {
  .sm\:min-h--xxl:nth-child(n):nth-child(n) {
    min-height: var(--dimension--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--xxl:nth-child(n):nth-child(n) {
    min-height: var(--dimension--xxl);
  }
}
.w--breakpoint--sm {
  width: var(--dimension--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:w--breakpoint--sm:nth-child(n):nth-child(n) {
    width: var(--dimension--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:w--breakpoint--sm:nth-child(n):nth-child(n) {
    width: var(--dimension--breakpoint--sm);
  }
}
.h--breakpoint--sm {
  height: var(--dimension--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:h--breakpoint--sm:nth-child(n):nth-child(n) {
    height: var(--dimension--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:h--breakpoint--sm:nth-child(n):nth-child(n) {
    height: var(--dimension--breakpoint--sm);
  }
}
.max-w--breakpoint--sm {
  max-width: var(--dimension--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:max-w--breakpoint--sm:nth-child(n):nth-child(n) {
    max-width: var(--dimension--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--breakpoint--sm:nth-child(n):nth-child(n) {
    max-width: var(--dimension--breakpoint--sm);
  }
}
.max-h--breakpoint--sm {
  max-height: var(--dimension--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:max-h--breakpoint--sm:nth-child(n):nth-child(n) {
    max-height: var(--dimension--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--breakpoint--sm:nth-child(n):nth-child(n) {
    max-height: var(--dimension--breakpoint--sm);
  }
}
.min-w--breakpoint--sm {
  min-width: var(--dimension--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:min-w--breakpoint--sm:nth-child(n):nth-child(n) {
    min-width: var(--dimension--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--breakpoint--sm:nth-child(n):nth-child(n) {
    min-width: var(--dimension--breakpoint--sm);
  }
}
.min-h--breakpoint--sm {
  min-height: var(--dimension--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:min-h--breakpoint--sm:nth-child(n):nth-child(n) {
    min-height: var(--dimension--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--breakpoint--sm:nth-child(n):nth-child(n) {
    min-height: var(--dimension--breakpoint--sm);
  }
}
.w--max-col-width {
  width: var(--dimension--max-col-width);
}

@media (max-width: 640px) {
  .sm\:w--max-col-width:nth-child(n):nth-child(n) {
    width: var(--dimension--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:w--max-col-width:nth-child(n):nth-child(n) {
    width: var(--dimension--max-col-width);
  }
}
.h--max-col-width {
  height: var(--dimension--max-col-width);
}

@media (max-width: 640px) {
  .sm\:h--max-col-width:nth-child(n):nth-child(n) {
    height: var(--dimension--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:h--max-col-width:nth-child(n):nth-child(n) {
    height: var(--dimension--max-col-width);
  }
}
.max-w--max-col-width {
  max-width: var(--dimension--max-col-width);
}

@media (max-width: 640px) {
  .sm\:max-w--max-col-width:nth-child(n):nth-child(n) {
    max-width: var(--dimension--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:max-w--max-col-width:nth-child(n):nth-child(n) {
    max-width: var(--dimension--max-col-width);
  }
}
.max-h--max-col-width {
  max-height: var(--dimension--max-col-width);
}

@media (max-width: 640px) {
  .sm\:max-h--max-col-width:nth-child(n):nth-child(n) {
    max-height: var(--dimension--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:max-h--max-col-width:nth-child(n):nth-child(n) {
    max-height: var(--dimension--max-col-width);
  }
}
.min-w--max-col-width {
  min-width: var(--dimension--max-col-width);
}

@media (max-width: 640px) {
  .sm\:min-w--max-col-width:nth-child(n):nth-child(n) {
    min-width: var(--dimension--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:min-w--max-col-width:nth-child(n):nth-child(n) {
    min-width: var(--dimension--max-col-width);
  }
}
.min-h--max-col-width {
  min-height: var(--dimension--max-col-width);
}

@media (max-width: 640px) {
  .sm\:min-h--max-col-width:nth-child(n):nth-child(n) {
    min-height: var(--dimension--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:min-h--max-col-width:nth-child(n):nth-child(n) {
    min-height: var(--dimension--max-col-width);
  }
}
.row {
  display: flex;
  flex-direction: row;
}
.row.align--left {
  justify-content: flex-start;
}
.row.align--right {
  justify-content: flex-end;
}
.row.align--center {
  justify-content: center;
}
.row.align--top {
  align-items: flex-start;
}
.row.align--bottom {
  align-items: flex-end;
}
.row.align--center-v {
  align-items: center;
}
.row.align--between {
  justify-content: space-between;
}

@media (max-width: 640px) {
  .sm\:row:nth-child(n):nth-child(n) {
    display: flex;
    flex-direction: row;
  }
  .sm\:row:nth-child(n):nth-child(n).align--left {
    justify-content: flex-start;
  }
  .sm\:row:nth-child(n):nth-child(n).align--right {
    justify-content: flex-end;
  }
  .sm\:row:nth-child(n):nth-child(n).align--center {
    justify-content: center;
  }
  .sm\:row:nth-child(n):nth-child(n).align--top {
    align-items: flex-start;
  }
  .sm\:row:nth-child(n):nth-child(n).align--bottom {
    align-items: flex-end;
  }
  .sm\:row:nth-child(n):nth-child(n).align--center-v {
    align-items: center;
  }
  .sm\:row:nth-child(n):nth-child(n).align--between {
    justify-content: space-between;
  }
}
@media (min-width: 640px) {
  .lg\:row:nth-child(n):nth-child(n) {
    display: flex;
    flex-direction: row;
  }
  .lg\:row:nth-child(n):nth-child(n).align--left {
    justify-content: flex-start;
  }
  .lg\:row:nth-child(n):nth-child(n).align--right {
    justify-content: flex-end;
  }
  .lg\:row:nth-child(n):nth-child(n).align--center {
    justify-content: center;
  }
  .lg\:row:nth-child(n):nth-child(n).align--top {
    align-items: flex-start;
  }
  .lg\:row:nth-child(n):nth-child(n).align--bottom {
    align-items: flex-end;
  }
  .lg\:row:nth-child(n):nth-child(n).align--center-v {
    align-items: center;
  }
  .lg\:row:nth-child(n):nth-child(n).align--between {
    justify-content: space-between;
  }
}
.col {
  display: flex;
  flex-direction: column;
}
.col.align--left {
  align-items: flex-start;
}
.col.align--right {
  align-items: flex-end;
}
.col.align--center {
  align-items: center;
}
.col.align--top {
  justify-content: flex-start;
}
.col.align--bottom {
  justify-content: flex-end;
}
.col.align--between {
  justify-content: space-between;
}
.col.align--center-v {
  justify-content: center;
}

@media (max-width: 640px) {
  .sm\:col:nth-child(n):nth-child(n) {
    display: flex;
    flex-direction: column;
  }
  .sm\:col:nth-child(n):nth-child(n).align--left {
    align-items: flex-start;
  }
  .sm\:col:nth-child(n):nth-child(n).align--right {
    align-items: flex-end;
  }
  .sm\:col:nth-child(n):nth-child(n).align--center {
    align-items: center;
  }
  .sm\:col:nth-child(n):nth-child(n).align--top {
    justify-content: flex-start;
  }
  .sm\:col:nth-child(n):nth-child(n).align--bottom {
    justify-content: flex-end;
  }
  .sm\:col:nth-child(n):nth-child(n).align--between {
    justify-content: space-between;
  }
  .sm\:col:nth-child(n):nth-child(n).align--center-v {
    justify-content: center;
  }
}
@media (min-width: 640px) {
  .lg\:col:nth-child(n):nth-child(n) {
    display: flex;
    flex-direction: column;
  }
  .lg\:col:nth-child(n):nth-child(n).align--left {
    align-items: flex-start;
  }
  .lg\:col:nth-child(n):nth-child(n).align--right {
    align-items: flex-end;
  }
  .lg\:col:nth-child(n):nth-child(n).align--center {
    align-items: center;
  }
  .lg\:col:nth-child(n):nth-child(n).align--top {
    justify-content: flex-start;
  }
  .lg\:col:nth-child(n):nth-child(n).align--bottom {
    justify-content: flex-end;
  }
  .lg\:col:nth-child(n):nth-child(n).align--between {
    justify-content: space-between;
  }
  .lg\:col:nth-child(n):nth-child(n).align--center-v {
    justify-content: center;
  }
}
.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.top--0 {
  top: var(--size--0);
}

@media (max-width: 640px) {
  .sm\:top--0:nth-child(n):nth-child(n) {
    top: var(--size--0);
  }
}
@media (min-width: 640px) {
  .lg\:top--0:nth-child(n):nth-child(n) {
    top: var(--size--0);
  }
}
.left--0 {
  left: var(--size--0);
}

@media (max-width: 640px) {
  .sm\:left--0:nth-child(n):nth-child(n) {
    left: var(--size--0);
  }
}
@media (min-width: 640px) {
  .lg\:left--0:nth-child(n):nth-child(n) {
    left: var(--size--0);
  }
}
.right--0 {
  right: var(--size--0);
}

@media (max-width: 640px) {
  .sm\:right--0:nth-child(n):nth-child(n) {
    right: var(--size--0);
  }
}
@media (min-width: 640px) {
  .lg\:right--0:nth-child(n):nth-child(n) {
    right: var(--size--0);
  }
}
.bottom--0 {
  bottom: var(--size--0);
}

@media (max-width: 640px) {
  .sm\:bottom--0:nth-child(n):nth-child(n) {
    bottom: var(--size--0);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--0:nth-child(n):nth-child(n) {
    bottom: var(--size--0);
  }
}
.top--1 {
  top: var(--size--1);
}

@media (max-width: 640px) {
  .sm\:top--1:nth-child(n):nth-child(n) {
    top: var(--size--1);
  }
}
@media (min-width: 640px) {
  .lg\:top--1:nth-child(n):nth-child(n) {
    top: var(--size--1);
  }
}
.left--1 {
  left: var(--size--1);
}

@media (max-width: 640px) {
  .sm\:left--1:nth-child(n):nth-child(n) {
    left: var(--size--1);
  }
}
@media (min-width: 640px) {
  .lg\:left--1:nth-child(n):nth-child(n) {
    left: var(--size--1);
  }
}
.right--1 {
  right: var(--size--1);
}

@media (max-width: 640px) {
  .sm\:right--1:nth-child(n):nth-child(n) {
    right: var(--size--1);
  }
}
@media (min-width: 640px) {
  .lg\:right--1:nth-child(n):nth-child(n) {
    right: var(--size--1);
  }
}
.bottom--1 {
  bottom: var(--size--1);
}

@media (max-width: 640px) {
  .sm\:bottom--1:nth-child(n):nth-child(n) {
    bottom: var(--size--1);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--1:nth-child(n):nth-child(n) {
    bottom: var(--size--1);
  }
}
.top--2 {
  top: var(--size--2);
}

@media (max-width: 640px) {
  .sm\:top--2:nth-child(n):nth-child(n) {
    top: var(--size--2);
  }
}
@media (min-width: 640px) {
  .lg\:top--2:nth-child(n):nth-child(n) {
    top: var(--size--2);
  }
}
.left--2 {
  left: var(--size--2);
}

@media (max-width: 640px) {
  .sm\:left--2:nth-child(n):nth-child(n) {
    left: var(--size--2);
  }
}
@media (min-width: 640px) {
  .lg\:left--2:nth-child(n):nth-child(n) {
    left: var(--size--2);
  }
}
.right--2 {
  right: var(--size--2);
}

@media (max-width: 640px) {
  .sm\:right--2:nth-child(n):nth-child(n) {
    right: var(--size--2);
  }
}
@media (min-width: 640px) {
  .lg\:right--2:nth-child(n):nth-child(n) {
    right: var(--size--2);
  }
}
.bottom--2 {
  bottom: var(--size--2);
}

@media (max-width: 640px) {
  .sm\:bottom--2:nth-child(n):nth-child(n) {
    bottom: var(--size--2);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--2:nth-child(n):nth-child(n) {
    bottom: var(--size--2);
  }
}
.top--3 {
  top: var(--size--3);
}

@media (max-width: 640px) {
  .sm\:top--3:nth-child(n):nth-child(n) {
    top: var(--size--3);
  }
}
@media (min-width: 640px) {
  .lg\:top--3:nth-child(n):nth-child(n) {
    top: var(--size--3);
  }
}
.left--3 {
  left: var(--size--3);
}

@media (max-width: 640px) {
  .sm\:left--3:nth-child(n):nth-child(n) {
    left: var(--size--3);
  }
}
@media (min-width: 640px) {
  .lg\:left--3:nth-child(n):nth-child(n) {
    left: var(--size--3);
  }
}
.right--3 {
  right: var(--size--3);
}

@media (max-width: 640px) {
  .sm\:right--3:nth-child(n):nth-child(n) {
    right: var(--size--3);
  }
}
@media (min-width: 640px) {
  .lg\:right--3:nth-child(n):nth-child(n) {
    right: var(--size--3);
  }
}
.bottom--3 {
  bottom: var(--size--3);
}

@media (max-width: 640px) {
  .sm\:bottom--3:nth-child(n):nth-child(n) {
    bottom: var(--size--3);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--3:nth-child(n):nth-child(n) {
    bottom: var(--size--3);
  }
}
.top--xxs {
  top: var(--size--xxs);
}

@media (max-width: 640px) {
  .sm\:top--xxs:nth-child(n):nth-child(n) {
    top: var(--size--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:top--xxs:nth-child(n):nth-child(n) {
    top: var(--size--xxs);
  }
}
.left--xxs {
  left: var(--size--xxs);
}

@media (max-width: 640px) {
  .sm\:left--xxs:nth-child(n):nth-child(n) {
    left: var(--size--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:left--xxs:nth-child(n):nth-child(n) {
    left: var(--size--xxs);
  }
}
.right--xxs {
  right: var(--size--xxs);
}

@media (max-width: 640px) {
  .sm\:right--xxs:nth-child(n):nth-child(n) {
    right: var(--size--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:right--xxs:nth-child(n):nth-child(n) {
    right: var(--size--xxs);
  }
}
.bottom--xxs {
  bottom: var(--size--xxs);
}

@media (max-width: 640px) {
  .sm\:bottom--xxs:nth-child(n):nth-child(n) {
    bottom: var(--size--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--xxs:nth-child(n):nth-child(n) {
    bottom: var(--size--xxs);
  }
}
.top--xs {
  top: var(--size--xs);
}

@media (max-width: 640px) {
  .sm\:top--xs:nth-child(n):nth-child(n) {
    top: var(--size--xs);
  }
}
@media (min-width: 640px) {
  .lg\:top--xs:nth-child(n):nth-child(n) {
    top: var(--size--xs);
  }
}
.left--xs {
  left: var(--size--xs);
}

@media (max-width: 640px) {
  .sm\:left--xs:nth-child(n):nth-child(n) {
    left: var(--size--xs);
  }
}
@media (min-width: 640px) {
  .lg\:left--xs:nth-child(n):nth-child(n) {
    left: var(--size--xs);
  }
}
.right--xs {
  right: var(--size--xs);
}

@media (max-width: 640px) {
  .sm\:right--xs:nth-child(n):nth-child(n) {
    right: var(--size--xs);
  }
}
@media (min-width: 640px) {
  .lg\:right--xs:nth-child(n):nth-child(n) {
    right: var(--size--xs);
  }
}
.bottom--xs {
  bottom: var(--size--xs);
}

@media (max-width: 640px) {
  .sm\:bottom--xs:nth-child(n):nth-child(n) {
    bottom: var(--size--xs);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--xs:nth-child(n):nth-child(n) {
    bottom: var(--size--xs);
  }
}
.top--s {
  top: var(--size--s);
}

@media (max-width: 640px) {
  .sm\:top--s:nth-child(n):nth-child(n) {
    top: var(--size--s);
  }
}
@media (min-width: 640px) {
  .lg\:top--s:nth-child(n):nth-child(n) {
    top: var(--size--s);
  }
}
.left--s {
  left: var(--size--s);
}

@media (max-width: 640px) {
  .sm\:left--s:nth-child(n):nth-child(n) {
    left: var(--size--s);
  }
}
@media (min-width: 640px) {
  .lg\:left--s:nth-child(n):nth-child(n) {
    left: var(--size--s);
  }
}
.right--s {
  right: var(--size--s);
}

@media (max-width: 640px) {
  .sm\:right--s:nth-child(n):nth-child(n) {
    right: var(--size--s);
  }
}
@media (min-width: 640px) {
  .lg\:right--s:nth-child(n):nth-child(n) {
    right: var(--size--s);
  }
}
.bottom--s {
  bottom: var(--size--s);
}

@media (max-width: 640px) {
  .sm\:bottom--s:nth-child(n):nth-child(n) {
    bottom: var(--size--s);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--s:nth-child(n):nth-child(n) {
    bottom: var(--size--s);
  }
}
.top--m {
  top: var(--size--m);
}

@media (max-width: 640px) {
  .sm\:top--m:nth-child(n):nth-child(n) {
    top: var(--size--m);
  }
}
@media (min-width: 640px) {
  .lg\:top--m:nth-child(n):nth-child(n) {
    top: var(--size--m);
  }
}
.left--m {
  left: var(--size--m);
}

@media (max-width: 640px) {
  .sm\:left--m:nth-child(n):nth-child(n) {
    left: var(--size--m);
  }
}
@media (min-width: 640px) {
  .lg\:left--m:nth-child(n):nth-child(n) {
    left: var(--size--m);
  }
}
.right--m {
  right: var(--size--m);
}

@media (max-width: 640px) {
  .sm\:right--m:nth-child(n):nth-child(n) {
    right: var(--size--m);
  }
}
@media (min-width: 640px) {
  .lg\:right--m:nth-child(n):nth-child(n) {
    right: var(--size--m);
  }
}
.bottom--m {
  bottom: var(--size--m);
}

@media (max-width: 640px) {
  .sm\:bottom--m:nth-child(n):nth-child(n) {
    bottom: var(--size--m);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--m:nth-child(n):nth-child(n) {
    bottom: var(--size--m);
  }
}
.top--l {
  top: var(--size--l);
}

@media (max-width: 640px) {
  .sm\:top--l:nth-child(n):nth-child(n) {
    top: var(--size--l);
  }
}
@media (min-width: 640px) {
  .lg\:top--l:nth-child(n):nth-child(n) {
    top: var(--size--l);
  }
}
.left--l {
  left: var(--size--l);
}

@media (max-width: 640px) {
  .sm\:left--l:nth-child(n):nth-child(n) {
    left: var(--size--l);
  }
}
@media (min-width: 640px) {
  .lg\:left--l:nth-child(n):nth-child(n) {
    left: var(--size--l);
  }
}
.right--l {
  right: var(--size--l);
}

@media (max-width: 640px) {
  .sm\:right--l:nth-child(n):nth-child(n) {
    right: var(--size--l);
  }
}
@media (min-width: 640px) {
  .lg\:right--l:nth-child(n):nth-child(n) {
    right: var(--size--l);
  }
}
.bottom--l {
  bottom: var(--size--l);
}

@media (max-width: 640px) {
  .sm\:bottom--l:nth-child(n):nth-child(n) {
    bottom: var(--size--l);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--l:nth-child(n):nth-child(n) {
    bottom: var(--size--l);
  }
}
.top--xl {
  top: var(--size--xl);
}

@media (max-width: 640px) {
  .sm\:top--xl:nth-child(n):nth-child(n) {
    top: var(--size--xl);
  }
}
@media (min-width: 640px) {
  .lg\:top--xl:nth-child(n):nth-child(n) {
    top: var(--size--xl);
  }
}
.left--xl {
  left: var(--size--xl);
}

@media (max-width: 640px) {
  .sm\:left--xl:nth-child(n):nth-child(n) {
    left: var(--size--xl);
  }
}
@media (min-width: 640px) {
  .lg\:left--xl:nth-child(n):nth-child(n) {
    left: var(--size--xl);
  }
}
.right--xl {
  right: var(--size--xl);
}

@media (max-width: 640px) {
  .sm\:right--xl:nth-child(n):nth-child(n) {
    right: var(--size--xl);
  }
}
@media (min-width: 640px) {
  .lg\:right--xl:nth-child(n):nth-child(n) {
    right: var(--size--xl);
  }
}
.bottom--xl {
  bottom: var(--size--xl);
}

@media (max-width: 640px) {
  .sm\:bottom--xl:nth-child(n):nth-child(n) {
    bottom: var(--size--xl);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--xl:nth-child(n):nth-child(n) {
    bottom: var(--size--xl);
  }
}
.top--xxl {
  top: var(--size--xxl);
}

@media (max-width: 640px) {
  .sm\:top--xxl:nth-child(n):nth-child(n) {
    top: var(--size--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:top--xxl:nth-child(n):nth-child(n) {
    top: var(--size--xxl);
  }
}
.left--xxl {
  left: var(--size--xxl);
}

@media (max-width: 640px) {
  .sm\:left--xxl:nth-child(n):nth-child(n) {
    left: var(--size--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:left--xxl:nth-child(n):nth-child(n) {
    left: var(--size--xxl);
  }
}
.right--xxl {
  right: var(--size--xxl);
}

@media (max-width: 640px) {
  .sm\:right--xxl:nth-child(n):nth-child(n) {
    right: var(--size--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:right--xxl:nth-child(n):nth-child(n) {
    right: var(--size--xxl);
  }
}
.bottom--xxl {
  bottom: var(--size--xxl);
}

@media (max-width: 640px) {
  .sm\:bottom--xxl:nth-child(n):nth-child(n) {
    bottom: var(--size--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--xxl:nth-child(n):nth-child(n) {
    bottom: var(--size--xxl);
  }
}
.top--breakpoint--sm {
  top: var(--size--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:top--breakpoint--sm:nth-child(n):nth-child(n) {
    top: var(--size--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:top--breakpoint--sm:nth-child(n):nth-child(n) {
    top: var(--size--breakpoint--sm);
  }
}
.left--breakpoint--sm {
  left: var(--size--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:left--breakpoint--sm:nth-child(n):nth-child(n) {
    left: var(--size--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:left--breakpoint--sm:nth-child(n):nth-child(n) {
    left: var(--size--breakpoint--sm);
  }
}
.right--breakpoint--sm {
  right: var(--size--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:right--breakpoint--sm:nth-child(n):nth-child(n) {
    right: var(--size--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:right--breakpoint--sm:nth-child(n):nth-child(n) {
    right: var(--size--breakpoint--sm);
  }
}
.bottom--breakpoint--sm {
  bottom: var(--size--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:bottom--breakpoint--sm:nth-child(n):nth-child(n) {
    bottom: var(--size--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--breakpoint--sm:nth-child(n):nth-child(n) {
    bottom: var(--size--breakpoint--sm);
  }
}
.top--max-col-width {
  top: var(--size--max-col-width);
}

@media (max-width: 640px) {
  .sm\:top--max-col-width:nth-child(n):nth-child(n) {
    top: var(--size--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:top--max-col-width:nth-child(n):nth-child(n) {
    top: var(--size--max-col-width);
  }
}
.left--max-col-width {
  left: var(--size--max-col-width);
}

@media (max-width: 640px) {
  .sm\:left--max-col-width:nth-child(n):nth-child(n) {
    left: var(--size--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:left--max-col-width:nth-child(n):nth-child(n) {
    left: var(--size--max-col-width);
  }
}
.right--max-col-width {
  right: var(--size--max-col-width);
}

@media (max-width: 640px) {
  .sm\:right--max-col-width:nth-child(n):nth-child(n) {
    right: var(--size--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:right--max-col-width:nth-child(n):nth-child(n) {
    right: var(--size--max-col-width);
  }
}
.bottom--max-col-width {
  bottom: var(--size--max-col-width);
}

@media (max-width: 640px) {
  .sm\:bottom--max-col-width:nth-child(n):nth-child(n) {
    bottom: var(--size--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:bottom--max-col-width:nth-child(n):nth-child(n) {
    bottom: var(--size--max-col-width);
  }
}
.inset--0 {
  inset: var(--size--0);
}

@media (max-width: 640px) {
  .sm\:inset--0:nth-child(n):nth-child(n) {
    inset: var(--size--0);
  }
}
@media (min-width: 640px) {
  .lg\:inset--0:nth-child(n):nth-child(n) {
    inset: var(--size--0);
  }
}
.inset--1 {
  inset: var(--size--1);
}

@media (max-width: 640px) {
  .sm\:inset--1:nth-child(n):nth-child(n) {
    inset: var(--size--1);
  }
}
@media (min-width: 640px) {
  .lg\:inset--1:nth-child(n):nth-child(n) {
    inset: var(--size--1);
  }
}
.inset--2 {
  inset: var(--size--2);
}

@media (max-width: 640px) {
  .sm\:inset--2:nth-child(n):nth-child(n) {
    inset: var(--size--2);
  }
}
@media (min-width: 640px) {
  .lg\:inset--2:nth-child(n):nth-child(n) {
    inset: var(--size--2);
  }
}
.inset--3 {
  inset: var(--size--3);
}

@media (max-width: 640px) {
  .sm\:inset--3:nth-child(n):nth-child(n) {
    inset: var(--size--3);
  }
}
@media (min-width: 640px) {
  .lg\:inset--3:nth-child(n):nth-child(n) {
    inset: var(--size--3);
  }
}
.inset--xxs {
  inset: var(--size--xxs);
}

@media (max-width: 640px) {
  .sm\:inset--xxs:nth-child(n):nth-child(n) {
    inset: var(--size--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:inset--xxs:nth-child(n):nth-child(n) {
    inset: var(--size--xxs);
  }
}
.inset--xs {
  inset: var(--size--xs);
}

@media (max-width: 640px) {
  .sm\:inset--xs:nth-child(n):nth-child(n) {
    inset: var(--size--xs);
  }
}
@media (min-width: 640px) {
  .lg\:inset--xs:nth-child(n):nth-child(n) {
    inset: var(--size--xs);
  }
}
.inset--s {
  inset: var(--size--s);
}

@media (max-width: 640px) {
  .sm\:inset--s:nth-child(n):nth-child(n) {
    inset: var(--size--s);
  }
}
@media (min-width: 640px) {
  .lg\:inset--s:nth-child(n):nth-child(n) {
    inset: var(--size--s);
  }
}
.inset--m {
  inset: var(--size--m);
}

@media (max-width: 640px) {
  .sm\:inset--m:nth-child(n):nth-child(n) {
    inset: var(--size--m);
  }
}
@media (min-width: 640px) {
  .lg\:inset--m:nth-child(n):nth-child(n) {
    inset: var(--size--m);
  }
}
.inset--l {
  inset: var(--size--l);
}

@media (max-width: 640px) {
  .sm\:inset--l:nth-child(n):nth-child(n) {
    inset: var(--size--l);
  }
}
@media (min-width: 640px) {
  .lg\:inset--l:nth-child(n):nth-child(n) {
    inset: var(--size--l);
  }
}
.inset--xl {
  inset: var(--size--xl);
}

@media (max-width: 640px) {
  .sm\:inset--xl:nth-child(n):nth-child(n) {
    inset: var(--size--xl);
  }
}
@media (min-width: 640px) {
  .lg\:inset--xl:nth-child(n):nth-child(n) {
    inset: var(--size--xl);
  }
}
.inset--xxl {
  inset: var(--size--xxl);
}

@media (max-width: 640px) {
  .sm\:inset--xxl:nth-child(n):nth-child(n) {
    inset: var(--size--xxl);
  }
}
@media (min-width: 640px) {
  .lg\:inset--xxl:nth-child(n):nth-child(n) {
    inset: var(--size--xxl);
  }
}
.inset--breakpoint--sm {
  inset: var(--size--breakpoint--sm);
}

@media (max-width: 640px) {
  .sm\:inset--breakpoint--sm:nth-child(n):nth-child(n) {
    inset: var(--size--breakpoint--sm);
  }
}
@media (min-width: 640px) {
  .lg\:inset--breakpoint--sm:nth-child(n):nth-child(n) {
    inset: var(--size--breakpoint--sm);
  }
}
.inset--max-col-width {
  inset: var(--size--max-col-width);
}

@media (max-width: 640px) {
  .sm\:inset--max-col-width:nth-child(n):nth-child(n) {
    inset: var(--size--max-col-width);
  }
}
@media (min-width: 640px) {
  .lg\:inset--max-col-width:nth-child(n):nth-child(n) {
    inset: var(--size--max-col-width);
  }
}
.flush--left {
  left: 0;
}
.flush--right {
  right: 0;
}
.flush--top {
  top: 0;
}
.flush--bottom {
  bottom: 0;
}

:root {
  --size--0: 0px;
  --size--1: 1px;
  --size--2: 2px;
  --size--3: 3px;
  --size--xxs: 4.5px;
  --size--xs: 9px;
  --size--s: 18px;
  --size--m: 36px;
  --size--l: 54px;
  --size--xl: 72px;
  --size--xxl: 108px;
  --size--breakpoint--sm: 640px;
  --size--max-col-width: 1128px;
  --dimension--0: 0;
  --dimension--1: 1px;
  --dimension--2: 2px;
  --dimension--3: 3px;
  --dimension--100: 100%;
  --dimension--1\/2: 50%;
  --dimension--1\/3: 33.3333333333%;
  --dimension--2\/3: 66.6666666667%;
  --dimension--1\/4: 25%;
  --dimension--3\/4: 75%;
  --dimension--9\/10: 90%;
  --dimension--xxs: 18px;
  --dimension--xs: 36px;
  --dimension--s: 54px;
  --dimension--m: 90px;
  --dimension--l: 180px;
  --dimension--xl: 360px;
  --dimension--xxl: 540px;
  --dimension--breakpoint--sm: 640px;
  --dimension--max-col-width: 1128px;
}

:root {
  --color--primary: rgb(66, 98, 255);
  --color--accent: #f0754a;
  --color--ui: rgba(5, 0, 56, 0.8);
  --color--chrome: rgb(155, 153, 175);
  --color--chrome-light: rgb(205, 204, 215);
  --color--surface: #ffffff;
  --color--background: rgb(235, 235, 239);
  --color--background-dark: #000;
  --color--background-light: rgb(240, 240, 243);
  --color--background-extra-light: rgb(245, 245, 247);
  --color--success: #1fcc79;
  --color--green: #44CC84;
  --color--alarm: #eb3154;
  --color--alarm-light: #f9e0dc;
  --color--transparent: transparent;
}

.bg--primary {
  background-color: var(--color--primary);
}

@media (max-width: 640px) {
  .sm\:bg--primary:nth-child(n):nth-child(n) {
    background-color: var(--color--primary);
  }
}
@media (min-width: 640px) {
  .lg\:bg--primary:nth-child(n):nth-child(n) {
    background-color: var(--color--primary);
  }
}
.color--primary {
  color: var(--color--primary);
}

@media (max-width: 640px) {
  .sm\:color--primary:nth-child(n):nth-child(n) {
    color: var(--color--primary);
  }
}
@media (min-width: 640px) {
  .lg\:color--primary:nth-child(n):nth-child(n) {
    color: var(--color--primary);
  }
}
.border-color--primary {
  border-color: var(--color--primary);
}

@media (max-width: 640px) {
  .sm\:border-color--primary:nth-child(n):nth-child(n) {
    border-color: var(--color--primary);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--primary:nth-child(n):nth-child(n) {
    border-color: var(--color--primary);
  }
}
.outline-color--primary {
  outline-color: var(--color--primary);
}

@media (max-width: 640px) {
  .sm\:outline-color--primary:nth-child(n):nth-child(n) {
    outline-color: var(--color--primary);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--primary:nth-child(n):nth-child(n) {
    outline-color: var(--color--primary);
  }
}
.fill--primary {
  fill: var(--color--primary);
}

@media (max-width: 640px) {
  .sm\:fill--primary:nth-child(n):nth-child(n) {
    fill: var(--color--primary);
  }
}
@media (min-width: 640px) {
  .lg\:fill--primary:nth-child(n):nth-child(n) {
    fill: var(--color--primary);
  }
}
.stroke--primary {
  stroke: var(--color--primary);
}

@media (max-width: 640px) {
  .sm\:stroke--primary:nth-child(n):nth-child(n) {
    stroke: var(--color--primary);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--primary:nth-child(n):nth-child(n) {
    stroke: var(--color--primary);
  }
}
.color--primary,
.hover\:color--primary:hover {
  color: var(--color--primary);
}

.bg--primary,
.hover\:bg--primary:hover {
  background-color: var(--color--primary);
}

.border-color--primary,
.hover\:border-color--primary:hover {
  border-color: var(--color--primary);
}

.outline-color--primary,
.hover\:outline-color--primary:hover {
  outline-color: var(--color--primary);
}

.bg--accent {
  background-color: var(--color--accent);
}

@media (max-width: 640px) {
  .sm\:bg--accent:nth-child(n):nth-child(n) {
    background-color: var(--color--accent);
  }
}
@media (min-width: 640px) {
  .lg\:bg--accent:nth-child(n):nth-child(n) {
    background-color: var(--color--accent);
  }
}
.color--accent {
  color: var(--color--accent);
}

@media (max-width: 640px) {
  .sm\:color--accent:nth-child(n):nth-child(n) {
    color: var(--color--accent);
  }
}
@media (min-width: 640px) {
  .lg\:color--accent:nth-child(n):nth-child(n) {
    color: var(--color--accent);
  }
}
.border-color--accent {
  border-color: var(--color--accent);
}

@media (max-width: 640px) {
  .sm\:border-color--accent:nth-child(n):nth-child(n) {
    border-color: var(--color--accent);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--accent:nth-child(n):nth-child(n) {
    border-color: var(--color--accent);
  }
}
.outline-color--accent {
  outline-color: var(--color--accent);
}

@media (max-width: 640px) {
  .sm\:outline-color--accent:nth-child(n):nth-child(n) {
    outline-color: var(--color--accent);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--accent:nth-child(n):nth-child(n) {
    outline-color: var(--color--accent);
  }
}
.fill--accent {
  fill: var(--color--accent);
}

@media (max-width: 640px) {
  .sm\:fill--accent:nth-child(n):nth-child(n) {
    fill: var(--color--accent);
  }
}
@media (min-width: 640px) {
  .lg\:fill--accent:nth-child(n):nth-child(n) {
    fill: var(--color--accent);
  }
}
.stroke--accent {
  stroke: var(--color--accent);
}

@media (max-width: 640px) {
  .sm\:stroke--accent:nth-child(n):nth-child(n) {
    stroke: var(--color--accent);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--accent:nth-child(n):nth-child(n) {
    stroke: var(--color--accent);
  }
}
.color--accent,
.hover\:color--accent:hover {
  color: var(--color--accent);
}

.bg--accent,
.hover\:bg--accent:hover {
  background-color: var(--color--accent);
}

.border-color--accent,
.hover\:border-color--accent:hover {
  border-color: var(--color--accent);
}

.outline-color--accent,
.hover\:outline-color--accent:hover {
  outline-color: var(--color--accent);
}

.bg--ui {
  background-color: var(--color--ui);
}

@media (max-width: 640px) {
  .sm\:bg--ui:nth-child(n):nth-child(n) {
    background-color: var(--color--ui);
  }
}
@media (min-width: 640px) {
  .lg\:bg--ui:nth-child(n):nth-child(n) {
    background-color: var(--color--ui);
  }
}
.color--ui {
  color: var(--color--ui);
}

@media (max-width: 640px) {
  .sm\:color--ui:nth-child(n):nth-child(n) {
    color: var(--color--ui);
  }
}
@media (min-width: 640px) {
  .lg\:color--ui:nth-child(n):nth-child(n) {
    color: var(--color--ui);
  }
}
.border-color--ui {
  border-color: var(--color--ui);
}

@media (max-width: 640px) {
  .sm\:border-color--ui:nth-child(n):nth-child(n) {
    border-color: var(--color--ui);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--ui:nth-child(n):nth-child(n) {
    border-color: var(--color--ui);
  }
}
.outline-color--ui {
  outline-color: var(--color--ui);
}

@media (max-width: 640px) {
  .sm\:outline-color--ui:nth-child(n):nth-child(n) {
    outline-color: var(--color--ui);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--ui:nth-child(n):nth-child(n) {
    outline-color: var(--color--ui);
  }
}
.fill--ui {
  fill: var(--color--ui);
}

@media (max-width: 640px) {
  .sm\:fill--ui:nth-child(n):nth-child(n) {
    fill: var(--color--ui);
  }
}
@media (min-width: 640px) {
  .lg\:fill--ui:nth-child(n):nth-child(n) {
    fill: var(--color--ui);
  }
}
.stroke--ui {
  stroke: var(--color--ui);
}

@media (max-width: 640px) {
  .sm\:stroke--ui:nth-child(n):nth-child(n) {
    stroke: var(--color--ui);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--ui:nth-child(n):nth-child(n) {
    stroke: var(--color--ui);
  }
}
.color--ui,
.hover\:color--ui:hover {
  color: var(--color--ui);
}

.bg--ui,
.hover\:bg--ui:hover {
  background-color: var(--color--ui);
}

.border-color--ui,
.hover\:border-color--ui:hover {
  border-color: var(--color--ui);
}

.outline-color--ui,
.hover\:outline-color--ui:hover {
  outline-color: var(--color--ui);
}

.bg--chrome {
  background-color: var(--color--chrome);
}

@media (max-width: 640px) {
  .sm\:bg--chrome:nth-child(n):nth-child(n) {
    background-color: var(--color--chrome);
  }
}
@media (min-width: 640px) {
  .lg\:bg--chrome:nth-child(n):nth-child(n) {
    background-color: var(--color--chrome);
  }
}
.color--chrome {
  color: var(--color--chrome);
}

@media (max-width: 640px) {
  .sm\:color--chrome:nth-child(n):nth-child(n) {
    color: var(--color--chrome);
  }
}
@media (min-width: 640px) {
  .lg\:color--chrome:nth-child(n):nth-child(n) {
    color: var(--color--chrome);
  }
}
.border-color--chrome {
  border-color: var(--color--chrome);
}

@media (max-width: 640px) {
  .sm\:border-color--chrome:nth-child(n):nth-child(n) {
    border-color: var(--color--chrome);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--chrome:nth-child(n):nth-child(n) {
    border-color: var(--color--chrome);
  }
}
.outline-color--chrome {
  outline-color: var(--color--chrome);
}

@media (max-width: 640px) {
  .sm\:outline-color--chrome:nth-child(n):nth-child(n) {
    outline-color: var(--color--chrome);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--chrome:nth-child(n):nth-child(n) {
    outline-color: var(--color--chrome);
  }
}
.fill--chrome {
  fill: var(--color--chrome);
}

@media (max-width: 640px) {
  .sm\:fill--chrome:nth-child(n):nth-child(n) {
    fill: var(--color--chrome);
  }
}
@media (min-width: 640px) {
  .lg\:fill--chrome:nth-child(n):nth-child(n) {
    fill: var(--color--chrome);
  }
}
.stroke--chrome {
  stroke: var(--color--chrome);
}

@media (max-width: 640px) {
  .sm\:stroke--chrome:nth-child(n):nth-child(n) {
    stroke: var(--color--chrome);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--chrome:nth-child(n):nth-child(n) {
    stroke: var(--color--chrome);
  }
}
.color--chrome,
.hover\:color--chrome:hover {
  color: var(--color--chrome);
}

.bg--chrome,
.hover\:bg--chrome:hover {
  background-color: var(--color--chrome);
}

.border-color--chrome,
.hover\:border-color--chrome:hover {
  border-color: var(--color--chrome);
}

.outline-color--chrome,
.hover\:outline-color--chrome:hover {
  outline-color: var(--color--chrome);
}

.bg--chrome-light {
  background-color: var(--color--chrome-light);
}

@media (max-width: 640px) {
  .sm\:bg--chrome-light:nth-child(n):nth-child(n) {
    background-color: var(--color--chrome-light);
  }
}
@media (min-width: 640px) {
  .lg\:bg--chrome-light:nth-child(n):nth-child(n) {
    background-color: var(--color--chrome-light);
  }
}
.color--chrome-light {
  color: var(--color--chrome-light);
}

@media (max-width: 640px) {
  .sm\:color--chrome-light:nth-child(n):nth-child(n) {
    color: var(--color--chrome-light);
  }
}
@media (min-width: 640px) {
  .lg\:color--chrome-light:nth-child(n):nth-child(n) {
    color: var(--color--chrome-light);
  }
}
.border-color--chrome-light {
  border-color: var(--color--chrome-light);
}

@media (max-width: 640px) {
  .sm\:border-color--chrome-light:nth-child(n):nth-child(n) {
    border-color: var(--color--chrome-light);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--chrome-light:nth-child(n):nth-child(n) {
    border-color: var(--color--chrome-light);
  }
}
.outline-color--chrome-light {
  outline-color: var(--color--chrome-light);
}

@media (max-width: 640px) {
  .sm\:outline-color--chrome-light:nth-child(n):nth-child(n) {
    outline-color: var(--color--chrome-light);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--chrome-light:nth-child(n):nth-child(n) {
    outline-color: var(--color--chrome-light);
  }
}
.fill--chrome-light {
  fill: var(--color--chrome-light);
}

@media (max-width: 640px) {
  .sm\:fill--chrome-light:nth-child(n):nth-child(n) {
    fill: var(--color--chrome-light);
  }
}
@media (min-width: 640px) {
  .lg\:fill--chrome-light:nth-child(n):nth-child(n) {
    fill: var(--color--chrome-light);
  }
}
.stroke--chrome-light {
  stroke: var(--color--chrome-light);
}

@media (max-width: 640px) {
  .sm\:stroke--chrome-light:nth-child(n):nth-child(n) {
    stroke: var(--color--chrome-light);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--chrome-light:nth-child(n):nth-child(n) {
    stroke: var(--color--chrome-light);
  }
}
.color--chrome-light,
.hover\:color--chrome-light:hover {
  color: var(--color--chrome-light);
}

.bg--chrome-light,
.hover\:bg--chrome-light:hover {
  background-color: var(--color--chrome-light);
}

.border-color--chrome-light,
.hover\:border-color--chrome-light:hover {
  border-color: var(--color--chrome-light);
}

.outline-color--chrome-light,
.hover\:outline-color--chrome-light:hover {
  outline-color: var(--color--chrome-light);
}

.bg--surface {
  background-color: var(--color--surface);
}

@media (max-width: 640px) {
  .sm\:bg--surface:nth-child(n):nth-child(n) {
    background-color: var(--color--surface);
  }
}
@media (min-width: 640px) {
  .lg\:bg--surface:nth-child(n):nth-child(n) {
    background-color: var(--color--surface);
  }
}
.color--surface {
  color: var(--color--surface);
}

@media (max-width: 640px) {
  .sm\:color--surface:nth-child(n):nth-child(n) {
    color: var(--color--surface);
  }
}
@media (min-width: 640px) {
  .lg\:color--surface:nth-child(n):nth-child(n) {
    color: var(--color--surface);
  }
}
.border-color--surface {
  border-color: var(--color--surface);
}

@media (max-width: 640px) {
  .sm\:border-color--surface:nth-child(n):nth-child(n) {
    border-color: var(--color--surface);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--surface:nth-child(n):nth-child(n) {
    border-color: var(--color--surface);
  }
}
.outline-color--surface {
  outline-color: var(--color--surface);
}

@media (max-width: 640px) {
  .sm\:outline-color--surface:nth-child(n):nth-child(n) {
    outline-color: var(--color--surface);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--surface:nth-child(n):nth-child(n) {
    outline-color: var(--color--surface);
  }
}
.fill--surface {
  fill: var(--color--surface);
}

@media (max-width: 640px) {
  .sm\:fill--surface:nth-child(n):nth-child(n) {
    fill: var(--color--surface);
  }
}
@media (min-width: 640px) {
  .lg\:fill--surface:nth-child(n):nth-child(n) {
    fill: var(--color--surface);
  }
}
.stroke--surface {
  stroke: var(--color--surface);
}

@media (max-width: 640px) {
  .sm\:stroke--surface:nth-child(n):nth-child(n) {
    stroke: var(--color--surface);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--surface:nth-child(n):nth-child(n) {
    stroke: var(--color--surface);
  }
}
.color--surface,
.hover\:color--surface:hover {
  color: var(--color--surface);
}

.bg--surface,
.hover\:bg--surface:hover {
  background-color: var(--color--surface);
}

.border-color--surface,
.hover\:border-color--surface:hover {
  border-color: var(--color--surface);
}

.outline-color--surface,
.hover\:outline-color--surface:hover {
  outline-color: var(--color--surface);
}

.bg--background {
  background-color: var(--color--background);
}

@media (max-width: 640px) {
  .sm\:bg--background:nth-child(n):nth-child(n) {
    background-color: var(--color--background);
  }
}
@media (min-width: 640px) {
  .lg\:bg--background:nth-child(n):nth-child(n) {
    background-color: var(--color--background);
  }
}
.color--background {
  color: var(--color--background);
}

@media (max-width: 640px) {
  .sm\:color--background:nth-child(n):nth-child(n) {
    color: var(--color--background);
  }
}
@media (min-width: 640px) {
  .lg\:color--background:nth-child(n):nth-child(n) {
    color: var(--color--background);
  }
}
.border-color--background {
  border-color: var(--color--background);
}

@media (max-width: 640px) {
  .sm\:border-color--background:nth-child(n):nth-child(n) {
    border-color: var(--color--background);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--background:nth-child(n):nth-child(n) {
    border-color: var(--color--background);
  }
}
.outline-color--background {
  outline-color: var(--color--background);
}

@media (max-width: 640px) {
  .sm\:outline-color--background:nth-child(n):nth-child(n) {
    outline-color: var(--color--background);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--background:nth-child(n):nth-child(n) {
    outline-color: var(--color--background);
  }
}
.fill--background {
  fill: var(--color--background);
}

@media (max-width: 640px) {
  .sm\:fill--background:nth-child(n):nth-child(n) {
    fill: var(--color--background);
  }
}
@media (min-width: 640px) {
  .lg\:fill--background:nth-child(n):nth-child(n) {
    fill: var(--color--background);
  }
}
.stroke--background {
  stroke: var(--color--background);
}

@media (max-width: 640px) {
  .sm\:stroke--background:nth-child(n):nth-child(n) {
    stroke: var(--color--background);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--background:nth-child(n):nth-child(n) {
    stroke: var(--color--background);
  }
}
.color--background,
.hover\:color--background:hover {
  color: var(--color--background);
}

.bg--background,
.hover\:bg--background:hover {
  background-color: var(--color--background);
}

.border-color--background,
.hover\:border-color--background:hover {
  border-color: var(--color--background);
}

.outline-color--background,
.hover\:outline-color--background:hover {
  outline-color: var(--color--background);
}

.bg--background-dark {
  background-color: var(--color--background-dark);
}

@media (max-width: 640px) {
  .sm\:bg--background-dark:nth-child(n):nth-child(n) {
    background-color: var(--color--background-dark);
  }
}
@media (min-width: 640px) {
  .lg\:bg--background-dark:nth-child(n):nth-child(n) {
    background-color: var(--color--background-dark);
  }
}
.color--background-dark {
  color: var(--color--background-dark);
}

@media (max-width: 640px) {
  .sm\:color--background-dark:nth-child(n):nth-child(n) {
    color: var(--color--background-dark);
  }
}
@media (min-width: 640px) {
  .lg\:color--background-dark:nth-child(n):nth-child(n) {
    color: var(--color--background-dark);
  }
}
.border-color--background-dark {
  border-color: var(--color--background-dark);
}

@media (max-width: 640px) {
  .sm\:border-color--background-dark:nth-child(n):nth-child(n) {
    border-color: var(--color--background-dark);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--background-dark:nth-child(n):nth-child(n) {
    border-color: var(--color--background-dark);
  }
}
.outline-color--background-dark {
  outline-color: var(--color--background-dark);
}

@media (max-width: 640px) {
  .sm\:outline-color--background-dark:nth-child(n):nth-child(n) {
    outline-color: var(--color--background-dark);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--background-dark:nth-child(n):nth-child(n) {
    outline-color: var(--color--background-dark);
  }
}
.fill--background-dark {
  fill: var(--color--background-dark);
}

@media (max-width: 640px) {
  .sm\:fill--background-dark:nth-child(n):nth-child(n) {
    fill: var(--color--background-dark);
  }
}
@media (min-width: 640px) {
  .lg\:fill--background-dark:nth-child(n):nth-child(n) {
    fill: var(--color--background-dark);
  }
}
.stroke--background-dark {
  stroke: var(--color--background-dark);
}

@media (max-width: 640px) {
  .sm\:stroke--background-dark:nth-child(n):nth-child(n) {
    stroke: var(--color--background-dark);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--background-dark:nth-child(n):nth-child(n) {
    stroke: var(--color--background-dark);
  }
}
.color--background-dark,
.hover\:color--background-dark:hover {
  color: var(--color--background-dark);
}

.bg--background-dark,
.hover\:bg--background-dark:hover {
  background-color: var(--color--background-dark);
}

.border-color--background-dark,
.hover\:border-color--background-dark:hover {
  border-color: var(--color--background-dark);
}

.outline-color--background-dark,
.hover\:outline-color--background-dark:hover {
  outline-color: var(--color--background-dark);
}

.bg--background-light {
  background-color: var(--color--background-light);
}

@media (max-width: 640px) {
  .sm\:bg--background-light:nth-child(n):nth-child(n) {
    background-color: var(--color--background-light);
  }
}
@media (min-width: 640px) {
  .lg\:bg--background-light:nth-child(n):nth-child(n) {
    background-color: var(--color--background-light);
  }
}
.color--background-light {
  color: var(--color--background-light);
}

@media (max-width: 640px) {
  .sm\:color--background-light:nth-child(n):nth-child(n) {
    color: var(--color--background-light);
  }
}
@media (min-width: 640px) {
  .lg\:color--background-light:nth-child(n):nth-child(n) {
    color: var(--color--background-light);
  }
}
.border-color--background-light {
  border-color: var(--color--background-light);
}

@media (max-width: 640px) {
  .sm\:border-color--background-light:nth-child(n):nth-child(n) {
    border-color: var(--color--background-light);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--background-light:nth-child(n):nth-child(n) {
    border-color: var(--color--background-light);
  }
}
.outline-color--background-light {
  outline-color: var(--color--background-light);
}

@media (max-width: 640px) {
  .sm\:outline-color--background-light:nth-child(n):nth-child(n) {
    outline-color: var(--color--background-light);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--background-light:nth-child(n):nth-child(n) {
    outline-color: var(--color--background-light);
  }
}
.fill--background-light {
  fill: var(--color--background-light);
}

@media (max-width: 640px) {
  .sm\:fill--background-light:nth-child(n):nth-child(n) {
    fill: var(--color--background-light);
  }
}
@media (min-width: 640px) {
  .lg\:fill--background-light:nth-child(n):nth-child(n) {
    fill: var(--color--background-light);
  }
}
.stroke--background-light {
  stroke: var(--color--background-light);
}

@media (max-width: 640px) {
  .sm\:stroke--background-light:nth-child(n):nth-child(n) {
    stroke: var(--color--background-light);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--background-light:nth-child(n):nth-child(n) {
    stroke: var(--color--background-light);
  }
}
.color--background-light,
.hover\:color--background-light:hover {
  color: var(--color--background-light);
}

.bg--background-light,
.hover\:bg--background-light:hover {
  background-color: var(--color--background-light);
}

.border-color--background-light,
.hover\:border-color--background-light:hover {
  border-color: var(--color--background-light);
}

.outline-color--background-light,
.hover\:outline-color--background-light:hover {
  outline-color: var(--color--background-light);
}

.bg--background-extra-light {
  background-color: var(--color--background-extra-light);
}

@media (max-width: 640px) {
  .sm\:bg--background-extra-light:nth-child(n):nth-child(n) {
    background-color: var(--color--background-extra-light);
  }
}
@media (min-width: 640px) {
  .lg\:bg--background-extra-light:nth-child(n):nth-child(n) {
    background-color: var(--color--background-extra-light);
  }
}
.color--background-extra-light {
  color: var(--color--background-extra-light);
}

@media (max-width: 640px) {
  .sm\:color--background-extra-light:nth-child(n):nth-child(n) {
    color: var(--color--background-extra-light);
  }
}
@media (min-width: 640px) {
  .lg\:color--background-extra-light:nth-child(n):nth-child(n) {
    color: var(--color--background-extra-light);
  }
}
.border-color--background-extra-light {
  border-color: var(--color--background-extra-light);
}

@media (max-width: 640px) {
  .sm\:border-color--background-extra-light:nth-child(n):nth-child(n) {
    border-color: var(--color--background-extra-light);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--background-extra-light:nth-child(n):nth-child(n) {
    border-color: var(--color--background-extra-light);
  }
}
.outline-color--background-extra-light {
  outline-color: var(--color--background-extra-light);
}

@media (max-width: 640px) {
  .sm\:outline-color--background-extra-light:nth-child(n):nth-child(n) {
    outline-color: var(--color--background-extra-light);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--background-extra-light:nth-child(n):nth-child(n) {
    outline-color: var(--color--background-extra-light);
  }
}
.fill--background-extra-light {
  fill: var(--color--background-extra-light);
}

@media (max-width: 640px) {
  .sm\:fill--background-extra-light:nth-child(n):nth-child(n) {
    fill: var(--color--background-extra-light);
  }
}
@media (min-width: 640px) {
  .lg\:fill--background-extra-light:nth-child(n):nth-child(n) {
    fill: var(--color--background-extra-light);
  }
}
.stroke--background-extra-light {
  stroke: var(--color--background-extra-light);
}

@media (max-width: 640px) {
  .sm\:stroke--background-extra-light:nth-child(n):nth-child(n) {
    stroke: var(--color--background-extra-light);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--background-extra-light:nth-child(n):nth-child(n) {
    stroke: var(--color--background-extra-light);
  }
}
.color--background-extra-light,
.hover\:color--background-extra-light:hover {
  color: var(--color--background-extra-light);
}

.bg--background-extra-light,
.hover\:bg--background-extra-light:hover {
  background-color: var(--color--background-extra-light);
}

.border-color--background-extra-light,
.hover\:border-color--background-extra-light:hover {
  border-color: var(--color--background-extra-light);
}

.outline-color--background-extra-light,
.hover\:outline-color--background-extra-light:hover {
  outline-color: var(--color--background-extra-light);
}

.bg--success {
  background-color: var(--color--success);
}

@media (max-width: 640px) {
  .sm\:bg--success:nth-child(n):nth-child(n) {
    background-color: var(--color--success);
  }
}
@media (min-width: 640px) {
  .lg\:bg--success:nth-child(n):nth-child(n) {
    background-color: var(--color--success);
  }
}
.color--success {
  color: var(--color--success);
}

@media (max-width: 640px) {
  .sm\:color--success:nth-child(n):nth-child(n) {
    color: var(--color--success);
  }
}
@media (min-width: 640px) {
  .lg\:color--success:nth-child(n):nth-child(n) {
    color: var(--color--success);
  }
}
.border-color--success {
  border-color: var(--color--success);
}

@media (max-width: 640px) {
  .sm\:border-color--success:nth-child(n):nth-child(n) {
    border-color: var(--color--success);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--success:nth-child(n):nth-child(n) {
    border-color: var(--color--success);
  }
}
.outline-color--success {
  outline-color: var(--color--success);
}

@media (max-width: 640px) {
  .sm\:outline-color--success:nth-child(n):nth-child(n) {
    outline-color: var(--color--success);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--success:nth-child(n):nth-child(n) {
    outline-color: var(--color--success);
  }
}
.fill--success {
  fill: var(--color--success);
}

@media (max-width: 640px) {
  .sm\:fill--success:nth-child(n):nth-child(n) {
    fill: var(--color--success);
  }
}
@media (min-width: 640px) {
  .lg\:fill--success:nth-child(n):nth-child(n) {
    fill: var(--color--success);
  }
}
.stroke--success {
  stroke: var(--color--success);
}

@media (max-width: 640px) {
  .sm\:stroke--success:nth-child(n):nth-child(n) {
    stroke: var(--color--success);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--success:nth-child(n):nth-child(n) {
    stroke: var(--color--success);
  }
}
.color--success,
.hover\:color--success:hover {
  color: var(--color--success);
}

.bg--success,
.hover\:bg--success:hover {
  background-color: var(--color--success);
}

.border-color--success,
.hover\:border-color--success:hover {
  border-color: var(--color--success);
}

.outline-color--success,
.hover\:outline-color--success:hover {
  outline-color: var(--color--success);
}

.bg--green {
  background-color: var(--color--green);
}

@media (max-width: 640px) {
  .sm\:bg--green:nth-child(n):nth-child(n) {
    background-color: var(--color--green);
  }
}
@media (min-width: 640px) {
  .lg\:bg--green:nth-child(n):nth-child(n) {
    background-color: var(--color--green);
  }
}
.color--green {
  color: var(--color--green);
}

@media (max-width: 640px) {
  .sm\:color--green:nth-child(n):nth-child(n) {
    color: var(--color--green);
  }
}
@media (min-width: 640px) {
  .lg\:color--green:nth-child(n):nth-child(n) {
    color: var(--color--green);
  }
}
.border-color--green {
  border-color: var(--color--green);
}

@media (max-width: 640px) {
  .sm\:border-color--green:nth-child(n):nth-child(n) {
    border-color: var(--color--green);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--green:nth-child(n):nth-child(n) {
    border-color: var(--color--green);
  }
}
.outline-color--green {
  outline-color: var(--color--green);
}

@media (max-width: 640px) {
  .sm\:outline-color--green:nth-child(n):nth-child(n) {
    outline-color: var(--color--green);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--green:nth-child(n):nth-child(n) {
    outline-color: var(--color--green);
  }
}
.fill--green {
  fill: var(--color--green);
}

@media (max-width: 640px) {
  .sm\:fill--green:nth-child(n):nth-child(n) {
    fill: var(--color--green);
  }
}
@media (min-width: 640px) {
  .lg\:fill--green:nth-child(n):nth-child(n) {
    fill: var(--color--green);
  }
}
.stroke--green {
  stroke: var(--color--green);
}

@media (max-width: 640px) {
  .sm\:stroke--green:nth-child(n):nth-child(n) {
    stroke: var(--color--green);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--green:nth-child(n):nth-child(n) {
    stroke: var(--color--green);
  }
}
.color--green,
.hover\:color--green:hover {
  color: var(--color--green);
}

.bg--green,
.hover\:bg--green:hover {
  background-color: var(--color--green);
}

.border-color--green,
.hover\:border-color--green:hover {
  border-color: var(--color--green);
}

.outline-color--green,
.hover\:outline-color--green:hover {
  outline-color: var(--color--green);
}

.bg--alarm {
  background-color: var(--color--alarm);
}

@media (max-width: 640px) {
  .sm\:bg--alarm:nth-child(n):nth-child(n) {
    background-color: var(--color--alarm);
  }
}
@media (min-width: 640px) {
  .lg\:bg--alarm:nth-child(n):nth-child(n) {
    background-color: var(--color--alarm);
  }
}
.color--alarm {
  color: var(--color--alarm);
}

@media (max-width: 640px) {
  .sm\:color--alarm:nth-child(n):nth-child(n) {
    color: var(--color--alarm);
  }
}
@media (min-width: 640px) {
  .lg\:color--alarm:nth-child(n):nth-child(n) {
    color: var(--color--alarm);
  }
}
.border-color--alarm {
  border-color: var(--color--alarm);
}

@media (max-width: 640px) {
  .sm\:border-color--alarm:nth-child(n):nth-child(n) {
    border-color: var(--color--alarm);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--alarm:nth-child(n):nth-child(n) {
    border-color: var(--color--alarm);
  }
}
.outline-color--alarm {
  outline-color: var(--color--alarm);
}

@media (max-width: 640px) {
  .sm\:outline-color--alarm:nth-child(n):nth-child(n) {
    outline-color: var(--color--alarm);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--alarm:nth-child(n):nth-child(n) {
    outline-color: var(--color--alarm);
  }
}
.fill--alarm {
  fill: var(--color--alarm);
}

@media (max-width: 640px) {
  .sm\:fill--alarm:nth-child(n):nth-child(n) {
    fill: var(--color--alarm);
  }
}
@media (min-width: 640px) {
  .lg\:fill--alarm:nth-child(n):nth-child(n) {
    fill: var(--color--alarm);
  }
}
.stroke--alarm {
  stroke: var(--color--alarm);
}

@media (max-width: 640px) {
  .sm\:stroke--alarm:nth-child(n):nth-child(n) {
    stroke: var(--color--alarm);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--alarm:nth-child(n):nth-child(n) {
    stroke: var(--color--alarm);
  }
}
.color--alarm,
.hover\:color--alarm:hover {
  color: var(--color--alarm);
}

.bg--alarm,
.hover\:bg--alarm:hover {
  background-color: var(--color--alarm);
}

.border-color--alarm,
.hover\:border-color--alarm:hover {
  border-color: var(--color--alarm);
}

.outline-color--alarm,
.hover\:outline-color--alarm:hover {
  outline-color: var(--color--alarm);
}

.bg--alarm-light {
  background-color: var(--color--alarm-light);
}

@media (max-width: 640px) {
  .sm\:bg--alarm-light:nth-child(n):nth-child(n) {
    background-color: var(--color--alarm-light);
  }
}
@media (min-width: 640px) {
  .lg\:bg--alarm-light:nth-child(n):nth-child(n) {
    background-color: var(--color--alarm-light);
  }
}
.color--alarm-light {
  color: var(--color--alarm-light);
}

@media (max-width: 640px) {
  .sm\:color--alarm-light:nth-child(n):nth-child(n) {
    color: var(--color--alarm-light);
  }
}
@media (min-width: 640px) {
  .lg\:color--alarm-light:nth-child(n):nth-child(n) {
    color: var(--color--alarm-light);
  }
}
.border-color--alarm-light {
  border-color: var(--color--alarm-light);
}

@media (max-width: 640px) {
  .sm\:border-color--alarm-light:nth-child(n):nth-child(n) {
    border-color: var(--color--alarm-light);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--alarm-light:nth-child(n):nth-child(n) {
    border-color: var(--color--alarm-light);
  }
}
.outline-color--alarm-light {
  outline-color: var(--color--alarm-light);
}

@media (max-width: 640px) {
  .sm\:outline-color--alarm-light:nth-child(n):nth-child(n) {
    outline-color: var(--color--alarm-light);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--alarm-light:nth-child(n):nth-child(n) {
    outline-color: var(--color--alarm-light);
  }
}
.fill--alarm-light {
  fill: var(--color--alarm-light);
}

@media (max-width: 640px) {
  .sm\:fill--alarm-light:nth-child(n):nth-child(n) {
    fill: var(--color--alarm-light);
  }
}
@media (min-width: 640px) {
  .lg\:fill--alarm-light:nth-child(n):nth-child(n) {
    fill: var(--color--alarm-light);
  }
}
.stroke--alarm-light {
  stroke: var(--color--alarm-light);
}

@media (max-width: 640px) {
  .sm\:stroke--alarm-light:nth-child(n):nth-child(n) {
    stroke: var(--color--alarm-light);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--alarm-light:nth-child(n):nth-child(n) {
    stroke: var(--color--alarm-light);
  }
}
.color--alarm-light,
.hover\:color--alarm-light:hover {
  color: var(--color--alarm-light);
}

.bg--alarm-light,
.hover\:bg--alarm-light:hover {
  background-color: var(--color--alarm-light);
}

.border-color--alarm-light,
.hover\:border-color--alarm-light:hover {
  border-color: var(--color--alarm-light);
}

.outline-color--alarm-light,
.hover\:outline-color--alarm-light:hover {
  outline-color: var(--color--alarm-light);
}

.bg--transparent {
  background-color: var(--color--transparent);
}

@media (max-width: 640px) {
  .sm\:bg--transparent:nth-child(n):nth-child(n) {
    background-color: var(--color--transparent);
  }
}
@media (min-width: 640px) {
  .lg\:bg--transparent:nth-child(n):nth-child(n) {
    background-color: var(--color--transparent);
  }
}
.color--transparent {
  color: var(--color--transparent);
}

@media (max-width: 640px) {
  .sm\:color--transparent:nth-child(n):nth-child(n) {
    color: var(--color--transparent);
  }
}
@media (min-width: 640px) {
  .lg\:color--transparent:nth-child(n):nth-child(n) {
    color: var(--color--transparent);
  }
}
.border-color--transparent {
  border-color: var(--color--transparent);
}

@media (max-width: 640px) {
  .sm\:border-color--transparent:nth-child(n):nth-child(n) {
    border-color: var(--color--transparent);
  }
}
@media (min-width: 640px) {
  .lg\:border-color--transparent:nth-child(n):nth-child(n) {
    border-color: var(--color--transparent);
  }
}
.outline-color--transparent {
  outline-color: var(--color--transparent);
}

@media (max-width: 640px) {
  .sm\:outline-color--transparent:nth-child(n):nth-child(n) {
    outline-color: var(--color--transparent);
  }
}
@media (min-width: 640px) {
  .lg\:outline-color--transparent:nth-child(n):nth-child(n) {
    outline-color: var(--color--transparent);
  }
}
.fill--transparent {
  fill: var(--color--transparent);
}

@media (max-width: 640px) {
  .sm\:fill--transparent:nth-child(n):nth-child(n) {
    fill: var(--color--transparent);
  }
}
@media (min-width: 640px) {
  .lg\:fill--transparent:nth-child(n):nth-child(n) {
    fill: var(--color--transparent);
  }
}
.stroke--transparent {
  stroke: var(--color--transparent);
}

@media (max-width: 640px) {
  .sm\:stroke--transparent:nth-child(n):nth-child(n) {
    stroke: var(--color--transparent);
  }
}
@media (min-width: 640px) {
  .lg\:stroke--transparent:nth-child(n):nth-child(n) {
    stroke: var(--color--transparent);
  }
}
.color--transparent,
.hover\:color--transparent:hover {
  color: var(--color--transparent);
}

.bg--transparent,
.hover\:bg--transparent:hover {
  background-color: var(--color--transparent);
}

.border-color--transparent,
.hover\:border-color--transparent:hover {
  border-color: var(--color--transparent);
}

.outline-color--transparent,
.hover\:outline-color--transparent:hover {
  outline-color: var(--color--transparent);
}

:root {
  --h1--size: 54px;
  --h1--line: 1.1;
  --h1--size-mobile: 48px;
  --h2--size: 48px;
  --h2--line: 1.2;
  --h2--size-mobile: 34px;
  --h3--size: 36px;
  --h3--line: 1.2;
  --h3--size-mobile: 28px;
  --h4--size: 30px;
  --h4--line: 1.2;
  --h4--size-mobile: 24px;
  --h5--size: 24px;
  --h5--line: 1.2;
  --h5--size-mobile: 20px;
  --text--l: 24px;
  --line--l: 1.2;
  --text--m: 16px;
  --line--m: 1.5;
  --text--s: 14px;
  --line--s: 1.3;
  --text--xs: 13px;
  --line--xs: 1.3;
  --text--xxs: 12px;
  --line--xxs: 1;
  --text--black: "Inter";
  --text--bold: "Inter";
  --text--regular: "Inter";
  --text--light: "Inter";
  --text--italic: "Inter";
}

.z--1 {
  z-index: 1;
}

.z--2 {
  z-index: 2;
}

.z--3 {
  z-index: 3;
}

.z--4 {
  z-index: 4;
}

.z--5 {
  z-index: 5;
}

.z--6 {
  z-index: 6;
}

.z--7 {
  z-index: 7;
}

.z--8 {
  z-index: 8;
}

.z--9 {
  z-index: 9;
}

.z--10 {
  z-index: 10;
}

/**
 * Inspired by Andreas Larson - https://github.com/larsenwork
 * https://css-tricks.com/easing-linear-gradients/
 */
.round--0 {
  border-radius: var(--size--0);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--0:nth-child(n):nth-child(n) {
    border-radius: var(--size--0);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--0:nth-child(n):nth-child(n) {
    border-radius: var(--size--0);
    overflow: hidden;
  }
}
.round--1 {
  border-radius: var(--size--1);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--1:nth-child(n):nth-child(n) {
    border-radius: var(--size--1);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--1:nth-child(n):nth-child(n) {
    border-radius: var(--size--1);
    overflow: hidden;
  }
}
.round--2 {
  border-radius: var(--size--2);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--2:nth-child(n):nth-child(n) {
    border-radius: var(--size--2);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--2:nth-child(n):nth-child(n) {
    border-radius: var(--size--2);
    overflow: hidden;
  }
}
.round--3 {
  border-radius: var(--size--3);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--3:nth-child(n):nth-child(n) {
    border-radius: var(--size--3);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--3:nth-child(n):nth-child(n) {
    border-radius: var(--size--3);
    overflow: hidden;
  }
}
.round--xxs {
  border-radius: var(--size--xxs);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--xxs:nth-child(n):nth-child(n) {
    border-radius: var(--size--xxs);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--xxs:nth-child(n):nth-child(n) {
    border-radius: var(--size--xxs);
    overflow: hidden;
  }
}
.round--xs {
  border-radius: var(--size--xs);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--xs:nth-child(n):nth-child(n) {
    border-radius: var(--size--xs);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--xs:nth-child(n):nth-child(n) {
    border-radius: var(--size--xs);
    overflow: hidden;
  }
}
.round--s {
  border-radius: var(--size--s);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--s:nth-child(n):nth-child(n) {
    border-radius: var(--size--s);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--s:nth-child(n):nth-child(n) {
    border-radius: var(--size--s);
    overflow: hidden;
  }
}
.round--m {
  border-radius: var(--size--m);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--m:nth-child(n):nth-child(n) {
    border-radius: var(--size--m);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--m:nth-child(n):nth-child(n) {
    border-radius: var(--size--m);
    overflow: hidden;
  }
}
.round--l {
  border-radius: var(--size--l);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--l:nth-child(n):nth-child(n) {
    border-radius: var(--size--l);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--l:nth-child(n):nth-child(n) {
    border-radius: var(--size--l);
    overflow: hidden;
  }
}
.round--xl {
  border-radius: var(--size--xl);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--xl:nth-child(n):nth-child(n) {
    border-radius: var(--size--xl);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--xl:nth-child(n):nth-child(n) {
    border-radius: var(--size--xl);
    overflow: hidden;
  }
}
.round--xxl {
  border-radius: var(--size--xxl);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--xxl:nth-child(n):nth-child(n) {
    border-radius: var(--size--xxl);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--xxl:nth-child(n):nth-child(n) {
    border-radius: var(--size--xxl);
    overflow: hidden;
  }
}
.round--breakpoint--sm {
  border-radius: var(--size--breakpoint--sm);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--breakpoint--sm:nth-child(n):nth-child(n) {
    border-radius: var(--size--breakpoint--sm);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--breakpoint--sm:nth-child(n):nth-child(n) {
    border-radius: var(--size--breakpoint--sm);
    overflow: hidden;
  }
}
.round--max-col-width {
  border-radius: var(--size--max-col-width);
  overflow: hidden;
}

@media (max-width: 640px) {
  .sm\:round--max-col-width:nth-child(n):nth-child(n) {
    border-radius: var(--size--max-col-width);
    overflow: hidden;
  }
}
@media (min-width: 640px) {
  .lg\:round--max-col-width:nth-child(n):nth-child(n) {
    border-radius: var(--size--max-col-width);
    overflow: hidden;
  }
}
.opacity--0,
.hover\:opacity--0:hover {
  opacity: 0;
}

.opacity--5,
.hover\:opacity--5:hover {
  opacity: 0.05;
}

.opacity--10,
.hover\:opacity--10:hover {
  opacity: 0.1;
}

.opacity--25,
.hover\:opacity--25:hover {
  opacity: 0.25;
}

.opacity--50,
.hover\:opacity--50:hover {
  opacity: 0.5;
}

.opacity--75,
.hover\:opacity--75:hover {
  opacity: 0.75;
}

.opacity--100,
.hover\:opacity--100:hover {
  opacity: 1;
}

.spacing--0.row > *:not(:last-child) {
  margin-right: var(--size--0);
}
.spacing--0.col > *:not(:last-child) {
  margin-bottom: var(--size--0);
}
@media (max-width: 640px) {
  .spacing--0.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--0);
  }
  .spacing--0.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--0);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--0:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--0);
  }
  .sm\:spacing--0:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--0);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--0:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--0);
  }
  .sm\:spacing--0:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--0);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--0:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--0);
  }
  .lg\:spacing--0:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--0);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--0:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--0);
  }
  .lg\:spacing--0:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--0);
    margin-bottom: initial;
  }
}
.spacing--1.row > *:not(:last-child) {
  margin-right: var(--size--1);
}
.spacing--1.col > *:not(:last-child) {
  margin-bottom: var(--size--1);
}
@media (max-width: 640px) {
  .spacing--1.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--1);
  }
  .spacing--1.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--1);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--1:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--1);
  }
  .sm\:spacing--1:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--1);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--1:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--1);
  }
  .sm\:spacing--1:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--1);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--1:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--1);
  }
  .lg\:spacing--1:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--1);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--1:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--1);
  }
  .lg\:spacing--1:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--1);
    margin-bottom: initial;
  }
}
.spacing--2.row > *:not(:last-child) {
  margin-right: var(--size--2);
}
.spacing--2.col > *:not(:last-child) {
  margin-bottom: var(--size--2);
}
@media (max-width: 640px) {
  .spacing--2.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--2);
  }
  .spacing--2.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--2);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--2:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--2);
  }
  .sm\:spacing--2:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--2);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--2:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--2);
  }
  .sm\:spacing--2:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--2);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--2:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--2);
  }
  .lg\:spacing--2:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--2);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--2:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--2);
  }
  .lg\:spacing--2:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--2);
    margin-bottom: initial;
  }
}
.spacing--3.row > *:not(:last-child) {
  margin-right: var(--size--3);
}
.spacing--3.col > *:not(:last-child) {
  margin-bottom: var(--size--3);
}
@media (max-width: 640px) {
  .spacing--3.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--3);
  }
  .spacing--3.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--3);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--3:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--3);
  }
  .sm\:spacing--3:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--3);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--3:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--3);
  }
  .sm\:spacing--3:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--3);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--3:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--3);
  }
  .lg\:spacing--3:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--3);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--3:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--3);
  }
  .lg\:spacing--3:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--3);
    margin-bottom: initial;
  }
}
.spacing--xxs.row > *:not(:last-child) {
  margin-right: var(--size--xxs);
}
.spacing--xxs.col > *:not(:last-child) {
  margin-bottom: var(--size--xxs);
}
@media (max-width: 640px) {
  .spacing--xxs.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xxs);
  }
  .spacing--xxs.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xxs);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--xxs:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--xxs);
  }
  .sm\:spacing--xxs:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--xxs);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--xxs:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xxs);
  }
  .sm\:spacing--xxs:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xxs);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--xxs:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--xxs);
  }
  .lg\:spacing--xxs:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--xxs);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--xxs:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xxs);
  }
  .lg\:spacing--xxs:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xxs);
    margin-bottom: initial;
  }
}
.spacing--xs.row > *:not(:last-child) {
  margin-right: var(--size--xs);
}
.spacing--xs.col > *:not(:last-child) {
  margin-bottom: var(--size--xs);
}
@media (max-width: 640px) {
  .spacing--xs.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xs);
  }
  .spacing--xs.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xs);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--xs:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--xs);
  }
  .sm\:spacing--xs:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--xs);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--xs:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xs);
  }
  .sm\:spacing--xs:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xs);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--xs:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--xs);
  }
  .lg\:spacing--xs:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--xs);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--xs:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xs);
  }
  .lg\:spacing--xs:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xs);
    margin-bottom: initial;
  }
}
.spacing--s.row > *:not(:last-child) {
  margin-right: var(--size--s);
}
.spacing--s.col > *:not(:last-child) {
  margin-bottom: var(--size--s);
}
@media (max-width: 640px) {
  .spacing--s.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--s);
  }
  .spacing--s.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--s);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--s:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--s);
  }
  .sm\:spacing--s:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--s);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--s:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--s);
  }
  .sm\:spacing--s:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--s);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--s:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--s);
  }
  .lg\:spacing--s:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--s);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--s:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--s);
  }
  .lg\:spacing--s:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--s);
    margin-bottom: initial;
  }
}
.spacing--m.row > *:not(:last-child) {
  margin-right: var(--size--m);
}
.spacing--m.col > *:not(:last-child) {
  margin-bottom: var(--size--m);
}
@media (max-width: 640px) {
  .spacing--m.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--m);
  }
  .spacing--m.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--m);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--m:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--m);
  }
  .sm\:spacing--m:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--m);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--m:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--m);
  }
  .sm\:spacing--m:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--m);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--m:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--m);
  }
  .lg\:spacing--m:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--m);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--m:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--m);
  }
  .lg\:spacing--m:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--m);
    margin-bottom: initial;
  }
}
.spacing--l.row > *:not(:last-child) {
  margin-right: var(--size--l);
}
.spacing--l.col > *:not(:last-child) {
  margin-bottom: var(--size--l);
}
@media (max-width: 640px) {
  .spacing--l.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--l);
  }
  .spacing--l.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--l);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--l:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--l);
  }
  .sm\:spacing--l:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--l);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--l:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--l);
  }
  .sm\:spacing--l:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--l);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--l:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--l);
  }
  .lg\:spacing--l:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--l);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--l:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--l);
  }
  .lg\:spacing--l:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--l);
    margin-bottom: initial;
  }
}
.spacing--xl.row > *:not(:last-child) {
  margin-right: var(--size--xl);
}
.spacing--xl.col > *:not(:last-child) {
  margin-bottom: var(--size--xl);
}
@media (max-width: 640px) {
  .spacing--xl.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xl);
  }
  .spacing--xl.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xl);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--xl:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--xl);
  }
  .sm\:spacing--xl:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--xl);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--xl:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xl);
  }
  .sm\:spacing--xl:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xl);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--xl:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--xl);
  }
  .lg\:spacing--xl:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--xl);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--xl:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xl);
  }
  .lg\:spacing--xl:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xl);
    margin-bottom: initial;
  }
}
.spacing--xxl.row > *:not(:last-child) {
  margin-right: var(--size--xxl);
}
.spacing--xxl.col > *:not(:last-child) {
  margin-bottom: var(--size--xxl);
}
@media (max-width: 640px) {
  .spacing--xxl.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xxl);
  }
  .spacing--xxl.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xxl);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--xxl:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--xxl);
  }
  .sm\:spacing--xxl:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--xxl);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--xxl:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xxl);
  }
  .sm\:spacing--xxl:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xxl);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--xxl:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--xxl);
  }
  .lg\:spacing--xxl:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--xxl);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--xxl:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--xxl);
  }
  .lg\:spacing--xxl:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--xxl);
    margin-bottom: initial;
  }
}
.spacing--breakpoint--sm.row > *:not(:last-child) {
  margin-right: var(--size--breakpoint--sm);
}
.spacing--breakpoint--sm.col > *:not(:last-child) {
  margin-bottom: var(--size--breakpoint--sm);
}
@media (max-width: 640px) {
  .spacing--breakpoint--sm.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--breakpoint--sm);
  }
  .spacing--breakpoint--sm.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--breakpoint--sm);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--breakpoint--sm:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--breakpoint--sm);
  }
  .sm\:spacing--breakpoint--sm:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--breakpoint--sm);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--breakpoint--sm:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--breakpoint--sm);
  }
  .sm\:spacing--breakpoint--sm:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--breakpoint--sm);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--breakpoint--sm:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--breakpoint--sm);
  }
  .lg\:spacing--breakpoint--sm:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--breakpoint--sm);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--breakpoint--sm:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--breakpoint--sm);
  }
  .lg\:spacing--breakpoint--sm:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--breakpoint--sm);
    margin-bottom: initial;
  }
}
.spacing--max-col-width.row > *:not(:last-child) {
  margin-right: var(--size--max-col-width);
}
.spacing--max-col-width.col > *:not(:last-child) {
  margin-bottom: var(--size--max-col-width);
}
@media (max-width: 640px) {
  .spacing--max-col-width.sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--max-col-width);
  }
  .spacing--max-col-width.sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--max-col-width);
    margin-bottom: initial;
  }
}

@media (max-width: 640px) {
  .sm\:spacing--max-col-width:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--max-col-width);
  }
  .sm\:spacing--max-col-width:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--max-col-width);
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .sm\:spacing--max-col-width:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--max-col-width);
  }
  .sm\:spacing--max-col-width:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--max-col-width);
    margin-bottom: initial;
  }
}
@media (min-width: 640px) {
  .lg\:spacing--max-col-width:nth-child(n):nth-child(n).row > *:not(:last-child) {
    margin-right: var(--size--max-col-width);
  }
  .lg\:spacing--max-col-width:nth-child(n):nth-child(n).col > *:not(:last-child) {
    margin-bottom: var(--size--max-col-width);
  }
}
@media (min-width: 640px) and (max-width: 640px) {
  .lg\:spacing--max-col-width:nth-child(n):nth-child(n).sm\:col:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: initial;
    margin-bottom: var(--size--max-col-width);
  }
  .lg\:spacing--max-col-width:nth-child(n):nth-child(n).sm\:row:nth-child(n):nth-child(n) > *:not(:last-child) {
    margin-right: var(--size--max-col-width);
    margin-bottom: initial;
  }
}
.p--0:nth-child(n) {
  padding: calc(var(--size--0) * 1);
}

.pt--0:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--0) * 1);
}

.p--0:nth-child(n) {
  padding: calc(var(--size--0) * 1);
}

.pr--0:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--0) * 1);
}

.p--0:nth-child(n) {
  padding: calc(var(--size--0) * 1);
}

.pb--0:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--0) * 1);
}

.p--0:nth-child(n) {
  padding: calc(var(--size--0) * 1);
}

.pl--0:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--0) * 1);
}

.p--1:nth-child(n) {
  padding: calc(var(--size--1) * 1);
}

.pt--1:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--1) * 1);
}

.p--1:nth-child(n) {
  padding: calc(var(--size--1) * 1);
}

.pr--1:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--1) * 1);
}

.p--1:nth-child(n) {
  padding: calc(var(--size--1) * 1);
}

.pb--1:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--1) * 1);
}

.p--1:nth-child(n) {
  padding: calc(var(--size--1) * 1);
}

.pl--1:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--1) * 1);
}

.p--2:nth-child(n) {
  padding: calc(var(--size--2) * 1);
}

.pt--2:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--2) * 1);
}

.p--2:nth-child(n) {
  padding: calc(var(--size--2) * 1);
}

.pr--2:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--2) * 1);
}

.p--2:nth-child(n) {
  padding: calc(var(--size--2) * 1);
}

.pb--2:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--2) * 1);
}

.p--2:nth-child(n) {
  padding: calc(var(--size--2) * 1);
}

.pl--2:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--2) * 1);
}

.p--3:nth-child(n) {
  padding: calc(var(--size--3) * 1);
}

.pt--3:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--3) * 1);
}

.p--3:nth-child(n) {
  padding: calc(var(--size--3) * 1);
}

.pr--3:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--3) * 1);
}

.p--3:nth-child(n) {
  padding: calc(var(--size--3) * 1);
}

.pb--3:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--3) * 1);
}

.p--3:nth-child(n) {
  padding: calc(var(--size--3) * 1);
}

.pl--3:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--3) * 1);
}

.p--xxs:nth-child(n) {
  padding: calc(var(--size--xxs) * 1);
}

.pt--xxs:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--xxs) * 1);
}

.p--xxs:nth-child(n) {
  padding: calc(var(--size--xxs) * 1);
}

.pr--xxs:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--xxs) * 1);
}

.p--xxs:nth-child(n) {
  padding: calc(var(--size--xxs) * 1);
}

.pb--xxs:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--xxs) * 1);
}

.p--xxs:nth-child(n) {
  padding: calc(var(--size--xxs) * 1);
}

.pl--xxs:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--xxs) * 1);
}

.p--xs:nth-child(n) {
  padding: calc(var(--size--xs) * 1);
}

.pt--xs:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--xs) * 1);
}

.p--xs:nth-child(n) {
  padding: calc(var(--size--xs) * 1);
}

.pr--xs:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--xs) * 1);
}

.p--xs:nth-child(n) {
  padding: calc(var(--size--xs) * 1);
}

.pb--xs:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--xs) * 1);
}

.p--xs:nth-child(n) {
  padding: calc(var(--size--xs) * 1);
}

.pl--xs:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--xs) * 1);
}

.p--s:nth-child(n) {
  padding: calc(var(--size--s) * 1);
}

.pt--s:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--s) * 1);
}

.p--s:nth-child(n) {
  padding: calc(var(--size--s) * 1);
}

.pr--s:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--s) * 1);
}

.p--s:nth-child(n) {
  padding: calc(var(--size--s) * 1);
}

.pb--s:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--s) * 1);
}

.p--s:nth-child(n) {
  padding: calc(var(--size--s) * 1);
}

.pl--s:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--s) * 1);
}

.p--m:nth-child(n) {
  padding: calc(var(--size--m) * 1);
}

.pt--m:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--m) * 1);
}

.p--m:nth-child(n) {
  padding: calc(var(--size--m) * 1);
}

.pr--m:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--m) * 1);
}

.p--m:nth-child(n) {
  padding: calc(var(--size--m) * 1);
}

.pb--m:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--m) * 1);
}

.p--m:nth-child(n) {
  padding: calc(var(--size--m) * 1);
}

.pl--m:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--m) * 1);
}

.p--l:nth-child(n) {
  padding: calc(var(--size--l) * 1);
}

.pt--l:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--l) * 1);
}

.p--l:nth-child(n) {
  padding: calc(var(--size--l) * 1);
}

.pr--l:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--l) * 1);
}

.p--l:nth-child(n) {
  padding: calc(var(--size--l) * 1);
}

.pb--l:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--l) * 1);
}

.p--l:nth-child(n) {
  padding: calc(var(--size--l) * 1);
}

.pl--l:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--l) * 1);
}

.p--xl:nth-child(n) {
  padding: calc(var(--size--xl) * 1);
}

.pt--xl:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--xl) * 1);
}

.p--xl:nth-child(n) {
  padding: calc(var(--size--xl) * 1);
}

.pr--xl:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--xl) * 1);
}

.p--xl:nth-child(n) {
  padding: calc(var(--size--xl) * 1);
}

.pb--xl:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--xl) * 1);
}

.p--xl:nth-child(n) {
  padding: calc(var(--size--xl) * 1);
}

.pl--xl:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--xl) * 1);
}

.p--xxl:nth-child(n) {
  padding: calc(var(--size--xxl) * 1);
}

.pt--xxl:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--xxl) * 1);
}

.p--xxl:nth-child(n) {
  padding: calc(var(--size--xxl) * 1);
}

.pr--xxl:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--xxl) * 1);
}

.p--xxl:nth-child(n) {
  padding: calc(var(--size--xxl) * 1);
}

.pb--xxl:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--xxl) * 1);
}

.p--xxl:nth-child(n) {
  padding: calc(var(--size--xxl) * 1);
}

.pl--xxl:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--xxl) * 1);
}

.p--breakpoint--sm:nth-child(n) {
  padding: calc(var(--size--breakpoint--sm) * 1);
}

.pt--breakpoint--sm:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--breakpoint--sm) * 1);
}

.p--breakpoint--sm:nth-child(n) {
  padding: calc(var(--size--breakpoint--sm) * 1);
}

.pr--breakpoint--sm:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--breakpoint--sm) * 1);
}

.p--breakpoint--sm:nth-child(n) {
  padding: calc(var(--size--breakpoint--sm) * 1);
}

.pb--breakpoint--sm:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--breakpoint--sm) * 1);
}

.p--breakpoint--sm:nth-child(n) {
  padding: calc(var(--size--breakpoint--sm) * 1);
}

.pl--breakpoint--sm:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--breakpoint--sm) * 1);
}

.p--max-col-width:nth-child(n) {
  padding: calc(var(--size--max-col-width) * 1);
}

.pt--max-col-width:nth-child(n):nth-child(n) {
  padding-top: calc(var(--size--max-col-width) * 1);
}

.p--max-col-width:nth-child(n) {
  padding: calc(var(--size--max-col-width) * 1);
}

.pr--max-col-width:nth-child(n):nth-child(n) {
  padding-right: calc(var(--size--max-col-width) * 1);
}

.p--max-col-width:nth-child(n) {
  padding: calc(var(--size--max-col-width) * 1);
}

.pb--max-col-width:nth-child(n):nth-child(n) {
  padding-bottom: calc(var(--size--max-col-width) * 1);
}

.p--max-col-width:nth-child(n) {
  padding: calc(var(--size--max-col-width) * 1);
}

.pl--max-col-width:nth-child(n):nth-child(n) {
  padding-left: calc(var(--size--max-col-width) * 1);
}

.m--0:nth-child(n) {
  margin: calc(var(--size--0) * 1);
}

.mt--0:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--0) * 1);
}

.m--0:nth-child(n) {
  margin: calc(var(--size--0) * 1);
}

.mr--0:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--0) * 1);
}

.m--0:nth-child(n) {
  margin: calc(var(--size--0) * 1);
}

.mb--0:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--0) * 1);
}

.m--0:nth-child(n) {
  margin: calc(var(--size--0) * 1);
}

.ml--0:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--0) * 1);
}

.m--1:nth-child(n) {
  margin: calc(var(--size--1) * 1);
}

.mt--1:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--1) * 1);
}

.m--1:nth-child(n) {
  margin: calc(var(--size--1) * 1);
}

.mr--1:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--1) * 1);
}

.m--1:nth-child(n) {
  margin: calc(var(--size--1) * 1);
}

.mb--1:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--1) * 1);
}

.m--1:nth-child(n) {
  margin: calc(var(--size--1) * 1);
}

.ml--1:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--1) * 1);
}

.m--2:nth-child(n) {
  margin: calc(var(--size--2) * 1);
}

.mt--2:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--2) * 1);
}

.m--2:nth-child(n) {
  margin: calc(var(--size--2) * 1);
}

.mr--2:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--2) * 1);
}

.m--2:nth-child(n) {
  margin: calc(var(--size--2) * 1);
}

.mb--2:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--2) * 1);
}

.m--2:nth-child(n) {
  margin: calc(var(--size--2) * 1);
}

.ml--2:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--2) * 1);
}

.m--3:nth-child(n) {
  margin: calc(var(--size--3) * 1);
}

.mt--3:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--3) * 1);
}

.m--3:nth-child(n) {
  margin: calc(var(--size--3) * 1);
}

.mr--3:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--3) * 1);
}

.m--3:nth-child(n) {
  margin: calc(var(--size--3) * 1);
}

.mb--3:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--3) * 1);
}

.m--3:nth-child(n) {
  margin: calc(var(--size--3) * 1);
}

.ml--3:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--3) * 1);
}

.m--xxs:nth-child(n) {
  margin: calc(var(--size--xxs) * 1);
}

.mt--xxs:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--xxs) * 1);
}

.m--xxs:nth-child(n) {
  margin: calc(var(--size--xxs) * 1);
}

.mr--xxs:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--xxs) * 1);
}

.m--xxs:nth-child(n) {
  margin: calc(var(--size--xxs) * 1);
}

.mb--xxs:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--xxs) * 1);
}

.m--xxs:nth-child(n) {
  margin: calc(var(--size--xxs) * 1);
}

.ml--xxs:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--xxs) * 1);
}

.m--xs:nth-child(n) {
  margin: calc(var(--size--xs) * 1);
}

.mt--xs:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--xs) * 1);
}

.m--xs:nth-child(n) {
  margin: calc(var(--size--xs) * 1);
}

.mr--xs:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--xs) * 1);
}

.m--xs:nth-child(n) {
  margin: calc(var(--size--xs) * 1);
}

.mb--xs:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--xs) * 1);
}

.m--xs:nth-child(n) {
  margin: calc(var(--size--xs) * 1);
}

.ml--xs:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--xs) * 1);
}

.m--s:nth-child(n) {
  margin: calc(var(--size--s) * 1);
}

.mt--s:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--s) * 1);
}

.m--s:nth-child(n) {
  margin: calc(var(--size--s) * 1);
}

.mr--s:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--s) * 1);
}

.m--s:nth-child(n) {
  margin: calc(var(--size--s) * 1);
}

.mb--s:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--s) * 1);
}

.m--s:nth-child(n) {
  margin: calc(var(--size--s) * 1);
}

.ml--s:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--s) * 1);
}

.m--m:nth-child(n) {
  margin: calc(var(--size--m) * 1);
}

.mt--m:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--m) * 1);
}

.m--m:nth-child(n) {
  margin: calc(var(--size--m) * 1);
}

.mr--m:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--m) * 1);
}

.m--m:nth-child(n) {
  margin: calc(var(--size--m) * 1);
}

.mb--m:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--m) * 1);
}

.m--m:nth-child(n) {
  margin: calc(var(--size--m) * 1);
}

.ml--m:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--m) * 1);
}

.m--l:nth-child(n) {
  margin: calc(var(--size--l) * 1);
}

.mt--l:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--l) * 1);
}

.m--l:nth-child(n) {
  margin: calc(var(--size--l) * 1);
}

.mr--l:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--l) * 1);
}

.m--l:nth-child(n) {
  margin: calc(var(--size--l) * 1);
}

.mb--l:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--l) * 1);
}

.m--l:nth-child(n) {
  margin: calc(var(--size--l) * 1);
}

.ml--l:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--l) * 1);
}

.m--xl:nth-child(n) {
  margin: calc(var(--size--xl) * 1);
}

.mt--xl:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--xl) * 1);
}

.m--xl:nth-child(n) {
  margin: calc(var(--size--xl) * 1);
}

.mr--xl:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--xl) * 1);
}

.m--xl:nth-child(n) {
  margin: calc(var(--size--xl) * 1);
}

.mb--xl:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--xl) * 1);
}

.m--xl:nth-child(n) {
  margin: calc(var(--size--xl) * 1);
}

.ml--xl:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--xl) * 1);
}

.m--xxl:nth-child(n) {
  margin: calc(var(--size--xxl) * 1);
}

.mt--xxl:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--xxl) * 1);
}

.m--xxl:nth-child(n) {
  margin: calc(var(--size--xxl) * 1);
}

.mr--xxl:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--xxl) * 1);
}

.m--xxl:nth-child(n) {
  margin: calc(var(--size--xxl) * 1);
}

.mb--xxl:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--xxl) * 1);
}

.m--xxl:nth-child(n) {
  margin: calc(var(--size--xxl) * 1);
}

.ml--xxl:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--xxl) * 1);
}

.m--breakpoint--sm:nth-child(n) {
  margin: calc(var(--size--breakpoint--sm) * 1);
}

.mt--breakpoint--sm:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--breakpoint--sm) * 1);
}

.m--breakpoint--sm:nth-child(n) {
  margin: calc(var(--size--breakpoint--sm) * 1);
}

.mr--breakpoint--sm:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--breakpoint--sm) * 1);
}

.m--breakpoint--sm:nth-child(n) {
  margin: calc(var(--size--breakpoint--sm) * 1);
}

.mb--breakpoint--sm:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--breakpoint--sm) * 1);
}

.m--breakpoint--sm:nth-child(n) {
  margin: calc(var(--size--breakpoint--sm) * 1);
}

.ml--breakpoint--sm:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--breakpoint--sm) * 1);
}

.m--max-col-width:nth-child(n) {
  margin: calc(var(--size--max-col-width) * 1);
}

.mt--max-col-width:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--max-col-width) * 1);
}

.m--max-col-width:nth-child(n) {
  margin: calc(var(--size--max-col-width) * 1);
}

.mr--max-col-width:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--max-col-width) * 1);
}

.m--max-col-width:nth-child(n) {
  margin: calc(var(--size--max-col-width) * 1);
}

.mb--max-col-width:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--max-col-width) * 1);
}

.m--max-col-width:nth-child(n) {
  margin: calc(var(--size--max-col-width) * 1);
}

.ml--max-col-width:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--max-col-width) * 1);
}

.m--0-neg:nth-child(n) {
  margin: calc(var(--size--0) * -1);
}

.mt--0-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--0) * -1);
}

.m--0-neg:nth-child(n) {
  margin: calc(var(--size--0) * -1);
}

.mr--0-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--0) * -1);
}

.m--0-neg:nth-child(n) {
  margin: calc(var(--size--0) * -1);
}

.mb--0-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--0) * -1);
}

.m--0-neg:nth-child(n) {
  margin: calc(var(--size--0) * -1);
}

.ml--0-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--0) * -1);
}

.m--1-neg:nth-child(n) {
  margin: calc(var(--size--1) * -1);
}

.mt--1-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--1) * -1);
}

.m--1-neg:nth-child(n) {
  margin: calc(var(--size--1) * -1);
}

.mr--1-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--1) * -1);
}

.m--1-neg:nth-child(n) {
  margin: calc(var(--size--1) * -1);
}

.mb--1-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--1) * -1);
}

.m--1-neg:nth-child(n) {
  margin: calc(var(--size--1) * -1);
}

.ml--1-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--1) * -1);
}

.m--2-neg:nth-child(n) {
  margin: calc(var(--size--2) * -1);
}

.mt--2-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--2) * -1);
}

.m--2-neg:nth-child(n) {
  margin: calc(var(--size--2) * -1);
}

.mr--2-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--2) * -1);
}

.m--2-neg:nth-child(n) {
  margin: calc(var(--size--2) * -1);
}

.mb--2-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--2) * -1);
}

.m--2-neg:nth-child(n) {
  margin: calc(var(--size--2) * -1);
}

.ml--2-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--2) * -1);
}

.m--3-neg:nth-child(n) {
  margin: calc(var(--size--3) * -1);
}

.mt--3-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--3) * -1);
}

.m--3-neg:nth-child(n) {
  margin: calc(var(--size--3) * -1);
}

.mr--3-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--3) * -1);
}

.m--3-neg:nth-child(n) {
  margin: calc(var(--size--3) * -1);
}

.mb--3-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--3) * -1);
}

.m--3-neg:nth-child(n) {
  margin: calc(var(--size--3) * -1);
}

.ml--3-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--3) * -1);
}

.m--xxs-neg:nth-child(n) {
  margin: calc(var(--size--xxs) * -1);
}

.mt--xxs-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--xxs) * -1);
}

.m--xxs-neg:nth-child(n) {
  margin: calc(var(--size--xxs) * -1);
}

.mr--xxs-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--xxs) * -1);
}

.m--xxs-neg:nth-child(n) {
  margin: calc(var(--size--xxs) * -1);
}

.mb--xxs-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--xxs) * -1);
}

.m--xxs-neg:nth-child(n) {
  margin: calc(var(--size--xxs) * -1);
}

.ml--xxs-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--xxs) * -1);
}

.m--xs-neg:nth-child(n) {
  margin: calc(var(--size--xs) * -1);
}

.mt--xs-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--xs) * -1);
}

.m--xs-neg:nth-child(n) {
  margin: calc(var(--size--xs) * -1);
}

.mr--xs-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--xs) * -1);
}

.m--xs-neg:nth-child(n) {
  margin: calc(var(--size--xs) * -1);
}

.mb--xs-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--xs) * -1);
}

.m--xs-neg:nth-child(n) {
  margin: calc(var(--size--xs) * -1);
}

.ml--xs-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--xs) * -1);
}

.m--s-neg:nth-child(n) {
  margin: calc(var(--size--s) * -1);
}

.mt--s-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--s) * -1);
}

.m--s-neg:nth-child(n) {
  margin: calc(var(--size--s) * -1);
}

.mr--s-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--s) * -1);
}

.m--s-neg:nth-child(n) {
  margin: calc(var(--size--s) * -1);
}

.mb--s-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--s) * -1);
}

.m--s-neg:nth-child(n) {
  margin: calc(var(--size--s) * -1);
}

.ml--s-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--s) * -1);
}

.m--m-neg:nth-child(n) {
  margin: calc(var(--size--m) * -1);
}

.mt--m-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--m) * -1);
}

.m--m-neg:nth-child(n) {
  margin: calc(var(--size--m) * -1);
}

.mr--m-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--m) * -1);
}

.m--m-neg:nth-child(n) {
  margin: calc(var(--size--m) * -1);
}

.mb--m-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--m) * -1);
}

.m--m-neg:nth-child(n) {
  margin: calc(var(--size--m) * -1);
}

.ml--m-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--m) * -1);
}

.m--l-neg:nth-child(n) {
  margin: calc(var(--size--l) * -1);
}

.mt--l-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--l) * -1);
}

.m--l-neg:nth-child(n) {
  margin: calc(var(--size--l) * -1);
}

.mr--l-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--l) * -1);
}

.m--l-neg:nth-child(n) {
  margin: calc(var(--size--l) * -1);
}

.mb--l-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--l) * -1);
}

.m--l-neg:nth-child(n) {
  margin: calc(var(--size--l) * -1);
}

.ml--l-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--l) * -1);
}

.m--xl-neg:nth-child(n) {
  margin: calc(var(--size--xl) * -1);
}

.mt--xl-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--xl) * -1);
}

.m--xl-neg:nth-child(n) {
  margin: calc(var(--size--xl) * -1);
}

.mr--xl-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--xl) * -1);
}

.m--xl-neg:nth-child(n) {
  margin: calc(var(--size--xl) * -1);
}

.mb--xl-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--xl) * -1);
}

.m--xl-neg:nth-child(n) {
  margin: calc(var(--size--xl) * -1);
}

.ml--xl-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--xl) * -1);
}

.m--xxl-neg:nth-child(n) {
  margin: calc(var(--size--xxl) * -1);
}

.mt--xxl-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--xxl) * -1);
}

.m--xxl-neg:nth-child(n) {
  margin: calc(var(--size--xxl) * -1);
}

.mr--xxl-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--xxl) * -1);
}

.m--xxl-neg:nth-child(n) {
  margin: calc(var(--size--xxl) * -1);
}

.mb--xxl-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--xxl) * -1);
}

.m--xxl-neg:nth-child(n) {
  margin: calc(var(--size--xxl) * -1);
}

.ml--xxl-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--xxl) * -1);
}

.m--breakpoint--sm-neg:nth-child(n) {
  margin: calc(var(--size--breakpoint--sm) * -1);
}

.mt--breakpoint--sm-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--breakpoint--sm) * -1);
}

.m--breakpoint--sm-neg:nth-child(n) {
  margin: calc(var(--size--breakpoint--sm) * -1);
}

.mr--breakpoint--sm-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--breakpoint--sm) * -1);
}

.m--breakpoint--sm-neg:nth-child(n) {
  margin: calc(var(--size--breakpoint--sm) * -1);
}

.mb--breakpoint--sm-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--breakpoint--sm) * -1);
}

.m--breakpoint--sm-neg:nth-child(n) {
  margin: calc(var(--size--breakpoint--sm) * -1);
}

.ml--breakpoint--sm-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--breakpoint--sm) * -1);
}

.m--max-col-width-neg:nth-child(n) {
  margin: calc(var(--size--max-col-width) * -1);
}

.mt--max-col-width-neg:nth-child(n):nth-child(n) {
  margin-top: calc(var(--size--max-col-width) * -1);
}

.m--max-col-width-neg:nth-child(n) {
  margin: calc(var(--size--max-col-width) * -1);
}

.mr--max-col-width-neg:nth-child(n):nth-child(n) {
  margin-right: calc(var(--size--max-col-width) * -1);
}

.m--max-col-width-neg:nth-child(n) {
  margin: calc(var(--size--max-col-width) * -1);
}

.mb--max-col-width-neg:nth-child(n):nth-child(n) {
  margin-bottom: calc(var(--size--max-col-width) * -1);
}

.m--max-col-width-neg:nth-child(n) {
  margin: calc(var(--size--max-col-width) * -1);
}

.ml--max-col-width-neg:nth-child(n):nth-child(n) {
  margin-left: calc(var(--size--max-col-width) * -1);
}

@media (max-width: 640px) {
  .sm\:p--0:nth-child(n):nth-child(n) {
    padding: calc(var(--size--0) * 1);
  }
  .sm\:pt--0:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--0) * 1);
  }
  .sm\:p--0:nth-child(n):nth-child(n) {
    padding: calc(var(--size--0) * 1);
  }
  .sm\:pr--0:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--0) * 1);
  }
  .sm\:p--0:nth-child(n):nth-child(n) {
    padding: calc(var(--size--0) * 1);
  }
  .sm\:pb--0:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--0) * 1);
  }
  .sm\:p--0:nth-child(n):nth-child(n) {
    padding: calc(var(--size--0) * 1);
  }
  .sm\:pl--0:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--0) * 1);
  }
  .sm\:p--1:nth-child(n):nth-child(n) {
    padding: calc(var(--size--1) * 1);
  }
  .sm\:pt--1:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--1) * 1);
  }
  .sm\:p--1:nth-child(n):nth-child(n) {
    padding: calc(var(--size--1) * 1);
  }
  .sm\:pr--1:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--1) * 1);
  }
  .sm\:p--1:nth-child(n):nth-child(n) {
    padding: calc(var(--size--1) * 1);
  }
  .sm\:pb--1:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--1) * 1);
  }
  .sm\:p--1:nth-child(n):nth-child(n) {
    padding: calc(var(--size--1) * 1);
  }
  .sm\:pl--1:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--1) * 1);
  }
  .sm\:p--2:nth-child(n):nth-child(n) {
    padding: calc(var(--size--2) * 1);
  }
  .sm\:pt--2:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--2) * 1);
  }
  .sm\:p--2:nth-child(n):nth-child(n) {
    padding: calc(var(--size--2) * 1);
  }
  .sm\:pr--2:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--2) * 1);
  }
  .sm\:p--2:nth-child(n):nth-child(n) {
    padding: calc(var(--size--2) * 1);
  }
  .sm\:pb--2:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--2) * 1);
  }
  .sm\:p--2:nth-child(n):nth-child(n) {
    padding: calc(var(--size--2) * 1);
  }
  .sm\:pl--2:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--2) * 1);
  }
  .sm\:p--3:nth-child(n):nth-child(n) {
    padding: calc(var(--size--3) * 1);
  }
  .sm\:pt--3:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--3) * 1);
  }
  .sm\:p--3:nth-child(n):nth-child(n) {
    padding: calc(var(--size--3) * 1);
  }
  .sm\:pr--3:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--3) * 1);
  }
  .sm\:p--3:nth-child(n):nth-child(n) {
    padding: calc(var(--size--3) * 1);
  }
  .sm\:pb--3:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--3) * 1);
  }
  .sm\:p--3:nth-child(n):nth-child(n) {
    padding: calc(var(--size--3) * 1);
  }
  .sm\:pl--3:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--3) * 1);
  }
  .sm\:p--xxs:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xxs) * 1);
  }
  .sm\:pt--xxs:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--xxs) * 1);
  }
  .sm\:p--xxs:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xxs) * 1);
  }
  .sm\:pr--xxs:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--xxs) * 1);
  }
  .sm\:p--xxs:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xxs) * 1);
  }
  .sm\:pb--xxs:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--xxs) * 1);
  }
  .sm\:p--xxs:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xxs) * 1);
  }
  .sm\:pl--xxs:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--xxs) * 1);
  }
  .sm\:p--xs:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xs) * 1);
  }
  .sm\:pt--xs:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--xs) * 1);
  }
  .sm\:p--xs:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xs) * 1);
  }
  .sm\:pr--xs:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--xs) * 1);
  }
  .sm\:p--xs:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xs) * 1);
  }
  .sm\:pb--xs:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--xs) * 1);
  }
  .sm\:p--xs:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xs) * 1);
  }
  .sm\:pl--xs:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--xs) * 1);
  }
  .sm\:p--s:nth-child(n):nth-child(n) {
    padding: calc(var(--size--s) * 1);
  }
  .sm\:pt--s:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--s) * 1);
  }
  .sm\:p--s:nth-child(n):nth-child(n) {
    padding: calc(var(--size--s) * 1);
  }
  .sm\:pr--s:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--s) * 1);
  }
  .sm\:p--s:nth-child(n):nth-child(n) {
    padding: calc(var(--size--s) * 1);
  }
  .sm\:pb--s:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--s) * 1);
  }
  .sm\:p--s:nth-child(n):nth-child(n) {
    padding: calc(var(--size--s) * 1);
  }
  .sm\:pl--s:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--s) * 1);
  }
  .sm\:p--m:nth-child(n):nth-child(n) {
    padding: calc(var(--size--m) * 1);
  }
  .sm\:pt--m:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--m) * 1);
  }
  .sm\:p--m:nth-child(n):nth-child(n) {
    padding: calc(var(--size--m) * 1);
  }
  .sm\:pr--m:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--m) * 1);
  }
  .sm\:p--m:nth-child(n):nth-child(n) {
    padding: calc(var(--size--m) * 1);
  }
  .sm\:pb--m:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--m) * 1);
  }
  .sm\:p--m:nth-child(n):nth-child(n) {
    padding: calc(var(--size--m) * 1);
  }
  .sm\:pl--m:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--m) * 1);
  }
  .sm\:p--l:nth-child(n):nth-child(n) {
    padding: calc(var(--size--l) * 1);
  }
  .sm\:pt--l:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--l) * 1);
  }
  .sm\:p--l:nth-child(n):nth-child(n) {
    padding: calc(var(--size--l) * 1);
  }
  .sm\:pr--l:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--l) * 1);
  }
  .sm\:p--l:nth-child(n):nth-child(n) {
    padding: calc(var(--size--l) * 1);
  }
  .sm\:pb--l:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--l) * 1);
  }
  .sm\:p--l:nth-child(n):nth-child(n) {
    padding: calc(var(--size--l) * 1);
  }
  .sm\:pl--l:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--l) * 1);
  }
  .sm\:p--xl:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xl) * 1);
  }
  .sm\:pt--xl:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--xl) * 1);
  }
  .sm\:p--xl:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xl) * 1);
  }
  .sm\:pr--xl:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--xl) * 1);
  }
  .sm\:p--xl:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xl) * 1);
  }
  .sm\:pb--xl:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--xl) * 1);
  }
  .sm\:p--xl:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xl) * 1);
  }
  .sm\:pl--xl:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--xl) * 1);
  }
  .sm\:p--xxl:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xxl) * 1);
  }
  .sm\:pt--xxl:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--xxl) * 1);
  }
  .sm\:p--xxl:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xxl) * 1);
  }
  .sm\:pr--xxl:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--xxl) * 1);
  }
  .sm\:p--xxl:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xxl) * 1);
  }
  .sm\:pb--xxl:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--xxl) * 1);
  }
  .sm\:p--xxl:nth-child(n):nth-child(n) {
    padding: calc(var(--size--xxl) * 1);
  }
  .sm\:pl--xxl:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--xxl) * 1);
  }
  .sm\:p--breakpoint--sm:nth-child(n):nth-child(n) {
    padding: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:pt--breakpoint--sm:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:p--breakpoint--sm:nth-child(n):nth-child(n) {
    padding: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:pr--breakpoint--sm:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:p--breakpoint--sm:nth-child(n):nth-child(n) {
    padding: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:pb--breakpoint--sm:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:p--breakpoint--sm:nth-child(n):nth-child(n) {
    padding: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:pl--breakpoint--sm:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:p--max-col-width:nth-child(n):nth-child(n) {
    padding: calc(var(--size--max-col-width) * 1);
  }
  .sm\:pt--max-col-width:nth-child(n):nth-child(n):nth-child(n) {
    padding-top: calc(var(--size--max-col-width) * 1);
  }
  .sm\:p--max-col-width:nth-child(n):nth-child(n) {
    padding: calc(var(--size--max-col-width) * 1);
  }
  .sm\:pr--max-col-width:nth-child(n):nth-child(n):nth-child(n) {
    padding-right: calc(var(--size--max-col-width) * 1);
  }
  .sm\:p--max-col-width:nth-child(n):nth-child(n) {
    padding: calc(var(--size--max-col-width) * 1);
  }
  .sm\:pb--max-col-width:nth-child(n):nth-child(n):nth-child(n) {
    padding-bottom: calc(var(--size--max-col-width) * 1);
  }
  .sm\:p--max-col-width:nth-child(n):nth-child(n) {
    padding: calc(var(--size--max-col-width) * 1);
  }
  .sm\:pl--max-col-width:nth-child(n):nth-child(n):nth-child(n) {
    padding-left: calc(var(--size--max-col-width) * 1);
  }
  .sm\:m--0:nth-child(n):nth-child(n) {
    margin: calc(var(--size--0) * 1);
  }
  .sm\:mt--0:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--0) * 1);
  }
  .sm\:m--0:nth-child(n):nth-child(n) {
    margin: calc(var(--size--0) * 1);
  }
  .sm\:mr--0:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--0) * 1);
  }
  .sm\:m--0:nth-child(n):nth-child(n) {
    margin: calc(var(--size--0) * 1);
  }
  .sm\:mb--0:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--0) * 1);
  }
  .sm\:m--0:nth-child(n):nth-child(n) {
    margin: calc(var(--size--0) * 1);
  }
  .sm\:ml--0:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--0) * 1);
  }
  .sm\:m--1:nth-child(n):nth-child(n) {
    margin: calc(var(--size--1) * 1);
  }
  .sm\:mt--1:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--1) * 1);
  }
  .sm\:m--1:nth-child(n):nth-child(n) {
    margin: calc(var(--size--1) * 1);
  }
  .sm\:mr--1:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--1) * 1);
  }
  .sm\:m--1:nth-child(n):nth-child(n) {
    margin: calc(var(--size--1) * 1);
  }
  .sm\:mb--1:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--1) * 1);
  }
  .sm\:m--1:nth-child(n):nth-child(n) {
    margin: calc(var(--size--1) * 1);
  }
  .sm\:ml--1:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--1) * 1);
  }
  .sm\:m--2:nth-child(n):nth-child(n) {
    margin: calc(var(--size--2) * 1);
  }
  .sm\:mt--2:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--2) * 1);
  }
  .sm\:m--2:nth-child(n):nth-child(n) {
    margin: calc(var(--size--2) * 1);
  }
  .sm\:mr--2:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--2) * 1);
  }
  .sm\:m--2:nth-child(n):nth-child(n) {
    margin: calc(var(--size--2) * 1);
  }
  .sm\:mb--2:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--2) * 1);
  }
  .sm\:m--2:nth-child(n):nth-child(n) {
    margin: calc(var(--size--2) * 1);
  }
  .sm\:ml--2:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--2) * 1);
  }
  .sm\:m--3:nth-child(n):nth-child(n) {
    margin: calc(var(--size--3) * 1);
  }
  .sm\:mt--3:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--3) * 1);
  }
  .sm\:m--3:nth-child(n):nth-child(n) {
    margin: calc(var(--size--3) * 1);
  }
  .sm\:mr--3:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--3) * 1);
  }
  .sm\:m--3:nth-child(n):nth-child(n) {
    margin: calc(var(--size--3) * 1);
  }
  .sm\:mb--3:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--3) * 1);
  }
  .sm\:m--3:nth-child(n):nth-child(n) {
    margin: calc(var(--size--3) * 1);
  }
  .sm\:ml--3:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--3) * 1);
  }
  .sm\:m--xxs:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxs) * 1);
  }
  .sm\:mt--xxs:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--xxs) * 1);
  }
  .sm\:m--xxs:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxs) * 1);
  }
  .sm\:mr--xxs:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--xxs) * 1);
  }
  .sm\:m--xxs:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxs) * 1);
  }
  .sm\:mb--xxs:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--xxs) * 1);
  }
  .sm\:m--xxs:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxs) * 1);
  }
  .sm\:ml--xxs:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--xxs) * 1);
  }
  .sm\:m--xs:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xs) * 1);
  }
  .sm\:mt--xs:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--xs) * 1);
  }
  .sm\:m--xs:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xs) * 1);
  }
  .sm\:mr--xs:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--xs) * 1);
  }
  .sm\:m--xs:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xs) * 1);
  }
  .sm\:mb--xs:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--xs) * 1);
  }
  .sm\:m--xs:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xs) * 1);
  }
  .sm\:ml--xs:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--xs) * 1);
  }
  .sm\:m--s:nth-child(n):nth-child(n) {
    margin: calc(var(--size--s) * 1);
  }
  .sm\:mt--s:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--s) * 1);
  }
  .sm\:m--s:nth-child(n):nth-child(n) {
    margin: calc(var(--size--s) * 1);
  }
  .sm\:mr--s:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--s) * 1);
  }
  .sm\:m--s:nth-child(n):nth-child(n) {
    margin: calc(var(--size--s) * 1);
  }
  .sm\:mb--s:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--s) * 1);
  }
  .sm\:m--s:nth-child(n):nth-child(n) {
    margin: calc(var(--size--s) * 1);
  }
  .sm\:ml--s:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--s) * 1);
  }
  .sm\:m--m:nth-child(n):nth-child(n) {
    margin: calc(var(--size--m) * 1);
  }
  .sm\:mt--m:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--m) * 1);
  }
  .sm\:m--m:nth-child(n):nth-child(n) {
    margin: calc(var(--size--m) * 1);
  }
  .sm\:mr--m:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--m) * 1);
  }
  .sm\:m--m:nth-child(n):nth-child(n) {
    margin: calc(var(--size--m) * 1);
  }
  .sm\:mb--m:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--m) * 1);
  }
  .sm\:m--m:nth-child(n):nth-child(n) {
    margin: calc(var(--size--m) * 1);
  }
  .sm\:ml--m:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--m) * 1);
  }
  .sm\:m--l:nth-child(n):nth-child(n) {
    margin: calc(var(--size--l) * 1);
  }
  .sm\:mt--l:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--l) * 1);
  }
  .sm\:m--l:nth-child(n):nth-child(n) {
    margin: calc(var(--size--l) * 1);
  }
  .sm\:mr--l:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--l) * 1);
  }
  .sm\:m--l:nth-child(n):nth-child(n) {
    margin: calc(var(--size--l) * 1);
  }
  .sm\:mb--l:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--l) * 1);
  }
  .sm\:m--l:nth-child(n):nth-child(n) {
    margin: calc(var(--size--l) * 1);
  }
  .sm\:ml--l:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--l) * 1);
  }
  .sm\:m--xl:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xl) * 1);
  }
  .sm\:mt--xl:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--xl) * 1);
  }
  .sm\:m--xl:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xl) * 1);
  }
  .sm\:mr--xl:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--xl) * 1);
  }
  .sm\:m--xl:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xl) * 1);
  }
  .sm\:mb--xl:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--xl) * 1);
  }
  .sm\:m--xl:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xl) * 1);
  }
  .sm\:ml--xl:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--xl) * 1);
  }
  .sm\:m--xxl:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxl) * 1);
  }
  .sm\:mt--xxl:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--xxl) * 1);
  }
  .sm\:m--xxl:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxl) * 1);
  }
  .sm\:mr--xxl:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--xxl) * 1);
  }
  .sm\:m--xxl:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxl) * 1);
  }
  .sm\:mb--xxl:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--xxl) * 1);
  }
  .sm\:m--xxl:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxl) * 1);
  }
  .sm\:ml--xxl:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--xxl) * 1);
  }
  .sm\:m--breakpoint--sm:nth-child(n):nth-child(n) {
    margin: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:mt--breakpoint--sm:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:m--breakpoint--sm:nth-child(n):nth-child(n) {
    margin: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:mr--breakpoint--sm:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:m--breakpoint--sm:nth-child(n):nth-child(n) {
    margin: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:mb--breakpoint--sm:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:m--breakpoint--sm:nth-child(n):nth-child(n) {
    margin: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:ml--breakpoint--sm:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--breakpoint--sm) * 1);
  }
  .sm\:m--max-col-width:nth-child(n):nth-child(n) {
    margin: calc(var(--size--max-col-width) * 1);
  }
  .sm\:mt--max-col-width:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--max-col-width) * 1);
  }
  .sm\:m--max-col-width:nth-child(n):nth-child(n) {
    margin: calc(var(--size--max-col-width) * 1);
  }
  .sm\:mr--max-col-width:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--max-col-width) * 1);
  }
  .sm\:m--max-col-width:nth-child(n):nth-child(n) {
    margin: calc(var(--size--max-col-width) * 1);
  }
  .sm\:mb--max-col-width:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--max-col-width) * 1);
  }
  .sm\:m--max-col-width:nth-child(n):nth-child(n) {
    margin: calc(var(--size--max-col-width) * 1);
  }
  .sm\:ml--max-col-width:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--max-col-width) * 1);
  }
  .sm\:m--0-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--0) * -1);
  }
  .sm\:mt--0-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--0) * -1);
  }
  .sm\:m--0-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--0) * -1);
  }
  .sm\:mr--0-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--0) * -1);
  }
  .sm\:m--0-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--0) * -1);
  }
  .sm\:mb--0-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--0) * -1);
  }
  .sm\:m--0-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--0) * -1);
  }
  .sm\:ml--0-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--0) * -1);
  }
  .sm\:m--1-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--1) * -1);
  }
  .sm\:mt--1-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--1) * -1);
  }
  .sm\:m--1-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--1) * -1);
  }
  .sm\:mr--1-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--1) * -1);
  }
  .sm\:m--1-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--1) * -1);
  }
  .sm\:mb--1-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--1) * -1);
  }
  .sm\:m--1-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--1) * -1);
  }
  .sm\:ml--1-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--1) * -1);
  }
  .sm\:m--2-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--2) * -1);
  }
  .sm\:mt--2-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--2) * -1);
  }
  .sm\:m--2-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--2) * -1);
  }
  .sm\:mr--2-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--2) * -1);
  }
  .sm\:m--2-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--2) * -1);
  }
  .sm\:mb--2-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--2) * -1);
  }
  .sm\:m--2-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--2) * -1);
  }
  .sm\:ml--2-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--2) * -1);
  }
  .sm\:m--3-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--3) * -1);
  }
  .sm\:mt--3-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--3) * -1);
  }
  .sm\:m--3-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--3) * -1);
  }
  .sm\:mr--3-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--3) * -1);
  }
  .sm\:m--3-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--3) * -1);
  }
  .sm\:mb--3-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--3) * -1);
  }
  .sm\:m--3-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--3) * -1);
  }
  .sm\:ml--3-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--3) * -1);
  }
  .sm\:m--xxs-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxs) * -1);
  }
  .sm\:mt--xxs-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--xxs) * -1);
  }
  .sm\:m--xxs-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxs) * -1);
  }
  .sm\:mr--xxs-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--xxs) * -1);
  }
  .sm\:m--xxs-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxs) * -1);
  }
  .sm\:mb--xxs-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--xxs) * -1);
  }
  .sm\:m--xxs-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxs) * -1);
  }
  .sm\:ml--xxs-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--xxs) * -1);
  }
  .sm\:m--xs-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xs) * -1);
  }
  .sm\:mt--xs-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--xs) * -1);
  }
  .sm\:m--xs-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xs) * -1);
  }
  .sm\:mr--xs-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--xs) * -1);
  }
  .sm\:m--xs-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xs) * -1);
  }
  .sm\:mb--xs-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--xs) * -1);
  }
  .sm\:m--xs-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xs) * -1);
  }
  .sm\:ml--xs-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--xs) * -1);
  }
  .sm\:m--s-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--s) * -1);
  }
  .sm\:mt--s-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--s) * -1);
  }
  .sm\:m--s-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--s) * -1);
  }
  .sm\:mr--s-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--s) * -1);
  }
  .sm\:m--s-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--s) * -1);
  }
  .sm\:mb--s-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--s) * -1);
  }
  .sm\:m--s-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--s) * -1);
  }
  .sm\:ml--s-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--s) * -1);
  }
  .sm\:m--m-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--m) * -1);
  }
  .sm\:mt--m-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--m) * -1);
  }
  .sm\:m--m-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--m) * -1);
  }
  .sm\:mr--m-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--m) * -1);
  }
  .sm\:m--m-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--m) * -1);
  }
  .sm\:mb--m-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--m) * -1);
  }
  .sm\:m--m-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--m) * -1);
  }
  .sm\:ml--m-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--m) * -1);
  }
  .sm\:m--l-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--l) * -1);
  }
  .sm\:mt--l-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--l) * -1);
  }
  .sm\:m--l-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--l) * -1);
  }
  .sm\:mr--l-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--l) * -1);
  }
  .sm\:m--l-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--l) * -1);
  }
  .sm\:mb--l-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--l) * -1);
  }
  .sm\:m--l-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--l) * -1);
  }
  .sm\:ml--l-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--l) * -1);
  }
  .sm\:m--xl-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xl) * -1);
  }
  .sm\:mt--xl-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--xl) * -1);
  }
  .sm\:m--xl-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xl) * -1);
  }
  .sm\:mr--xl-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--xl) * -1);
  }
  .sm\:m--xl-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xl) * -1);
  }
  .sm\:mb--xl-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--xl) * -1);
  }
  .sm\:m--xl-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xl) * -1);
  }
  .sm\:ml--xl-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--xl) * -1);
  }
  .sm\:m--xxl-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxl) * -1);
  }
  .sm\:mt--xxl-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--xxl) * -1);
  }
  .sm\:m--xxl-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxl) * -1);
  }
  .sm\:mr--xxl-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--xxl) * -1);
  }
  .sm\:m--xxl-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxl) * -1);
  }
  .sm\:mb--xxl-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--xxl) * -1);
  }
  .sm\:m--xxl-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--xxl) * -1);
  }
  .sm\:ml--xxl-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--xxl) * -1);
  }
  .sm\:m--breakpoint--sm-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--breakpoint--sm) * -1);
  }
  .sm\:mt--breakpoint--sm-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--breakpoint--sm) * -1);
  }
  .sm\:m--breakpoint--sm-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--breakpoint--sm) * -1);
  }
  .sm\:mr--breakpoint--sm-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--breakpoint--sm) * -1);
  }
  .sm\:m--breakpoint--sm-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--breakpoint--sm) * -1);
  }
  .sm\:mb--breakpoint--sm-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--breakpoint--sm) * -1);
  }
  .sm\:m--breakpoint--sm-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--breakpoint--sm) * -1);
  }
  .sm\:ml--breakpoint--sm-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--breakpoint--sm) * -1);
  }
  .sm\:m--max-col-width-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--max-col-width) * -1);
  }
  .sm\:mt--max-col-width-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-top: calc(var(--size--max-col-width) * -1);
  }
  .sm\:m--max-col-width-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--max-col-width) * -1);
  }
  .sm\:mr--max-col-width-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-right: calc(var(--size--max-col-width) * -1);
  }
  .sm\:m--max-col-width-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--max-col-width) * -1);
  }
  .sm\:mb--max-col-width-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-bottom: calc(var(--size--max-col-width) * -1);
  }
  .sm\:m--max-col-width-neg:nth-child(n):nth-child(n) {
    margin: calc(var(--size--max-col-width) * -1);
  }
  .sm\:ml--max-col-width-neg:nth-child(n):nth-child(n):nth-child(n) {
    margin-left: calc(var(--size--max-col-width) * -1);
  }
}
:root {
  --motion-speed: 0.367s;
  --motion-timing: cubic-bezier(0.1, 0.9, 0.2, 1);
}

.transition--all {
  transition-property: all;
}
.transition--bg {
  transition-property: background;
}
.transition--border {
  transition-property: border;
}
.transition--outline {
  transition-property: outline;
}
.transition--opacity {
  transition-property: opacity;
}
.transition--transform {
  transition-property: transfrom;
}
.transition--all, .transition--bg, .transition--border, .transition--outline, .transition--background {
  transition-duration: calc(var(--motion-speed) * 2);
  transition-timing-function: var(--motion-timing);
}

.duration--1 {
  animation-duration: 1s;
}
.duration--2 {
  animation-duration: 2s;
}
.duration--3 {
  animation-duration: 3s;
}
.duration--4 {
  animation-duration: 4s;
}
.duration--5 {
  animation-duration: 5s;
}
.duration--6 {
  animation-duration: 6s;
}
.duration--7 {
  animation-duration: 7s;
}
.duration--8 {
  animation-duration: 8s;
}
.duration--9 {
  animation-duration: 9s;
}
.duration--10 {
  animation-duration: 10s;
}
.duration--11 {
  animation-duration: 11s;
}
.duration--12 {
  animation-duration: 12s;
}
.duration--13 {
  animation-duration: 13s;
}
.duration--14 {
  animation-duration: 14s;
}
.duration--15 {
  animation-duration: 15s;
}
.duration--16 {
  animation-duration: 16s;
}
.duration--17 {
  animation-duration: 17s;
}
.duration--18 {
  animation-duration: 18s;
}
.duration--19 {
  animation-duration: 19s;
}
.duration--20 {
  animation-duration: 20s;
}
.duration--21 {
  animation-duration: 21s;
}
.duration--22 {
  animation-duration: 22s;
}
.duration--23 {
  animation-duration: 23s;
}
.duration--24 {
  animation-duration: 24s;
}
.duration--25 {
  animation-duration: 25s;
}
.duration--26 {
  animation-duration: 26s;
}
.duration--27 {
  animation-duration: 27s;
}
.duration--28 {
  animation-duration: 28s;
}
.duration--29 {
  animation-duration: 29s;
}
.duration--30 {
  animation-duration: 30s;
}
.duration--31 {
  animation-duration: 31s;
}
.duration--32 {
  animation-duration: 32s;
}
.duration--33 {
  animation-duration: 33s;
}
.duration--34 {
  animation-duration: 34s;
}
.duration--35 {
  animation-duration: 35s;
}
.duration--36 {
  animation-duration: 36s;
}
.duration--37 {
  animation-duration: 37s;
}
.duration--38 {
  animation-duration: 38s;
}
.duration--39 {
  animation-duration: 39s;
}
.duration--40 {
  animation-duration: 40s;
}
.duration--41 {
  animation-duration: 41s;
}
.duration--42 {
  animation-duration: 42s;
}
.duration--43 {
  animation-duration: 43s;
}
.duration--44 {
  animation-duration: 44s;
}
.duration--45 {
  animation-duration: 45s;
}
.duration--46 {
  animation-duration: 46s;
}
.duration--47 {
  animation-duration: 47s;
}
.duration--48 {
  animation-duration: 48s;
}
.duration--49 {
  animation-duration: 49s;
}
.duration--50 {
  animation-duration: 50s;
}
.duration--51 {
  animation-duration: 51s;
}
.duration--52 {
  animation-duration: 52s;
}
.duration--53 {
  animation-duration: 53s;
}
.duration--54 {
  animation-duration: 54s;
}
.duration--55 {
  animation-duration: 55s;
}
.duration--56 {
  animation-duration: 56s;
}
.duration--57 {
  animation-duration: 57s;
}
.duration--58 {
  animation-duration: 58s;
}
.duration--59 {
  animation-duration: 59s;
}
.duration--60 {
  animation-duration: 60s;
}
.duration--61 {
  animation-duration: 61s;
}
.duration--62 {
  animation-duration: 62s;
}
.duration--63 {
  animation-duration: 63s;
}
.duration--64 {
  animation-duration: 64s;
}
.duration--65 {
  animation-duration: 65s;
}
.duration--66 {
  animation-duration: 66s;
}
.duration--67 {
  animation-duration: 67s;
}
.duration--68 {
  animation-duration: 68s;
}
.duration--69 {
  animation-duration: 69s;
}
.duration--70 {
  animation-duration: 70s;
}
.duration--71 {
  animation-duration: 71s;
}
.duration--72 {
  animation-duration: 72s;
}
.duration--73 {
  animation-duration: 73s;
}
.duration--74 {
  animation-duration: 74s;
}
.duration--75 {
  animation-duration: 75s;
}
.duration--76 {
  animation-duration: 76s;
}
.duration--77 {
  animation-duration: 77s;
}
.duration--78 {
  animation-duration: 78s;
}
.duration--79 {
  animation-duration: 79s;
}
.duration--80 {
  animation-duration: 80s;
}
.duration--81 {
  animation-duration: 81s;
}
.duration--82 {
  animation-duration: 82s;
}
.duration--83 {
  animation-duration: 83s;
}
.duration--84 {
  animation-duration: 84s;
}
.duration--85 {
  animation-duration: 85s;
}
.duration--86 {
  animation-duration: 86s;
}
.duration--87 {
  animation-duration: 87s;
}
.duration--88 {
  animation-duration: 88s;
}
.duration--89 {
  animation-duration: 89s;
}
.duration--90 {
  animation-duration: 90s;
}
.duration--91 {
  animation-duration: 91s;
}
.duration--92 {
  animation-duration: 92s;
}
.duration--93 {
  animation-duration: 93s;
}
.duration--94 {
  animation-duration: 94s;
}
.duration--95 {
  animation-duration: 95s;
}
.duration--96 {
  animation-duration: 96s;
}
.duration--97 {
  animation-duration: 97s;
}
.duration--98 {
  animation-duration: 98s;
}
.duration--99 {
  animation-duration: 99s;
}
.duration--100 {
  animation-duration: 100s;
}
.duration--101 {
  animation-duration: 101s;
}
.duration--102 {
  animation-duration: 102s;
}
.duration--103 {
  animation-duration: 103s;
}
.duration--104 {
  animation-duration: 104s;
}
.duration--105 {
  animation-duration: 105s;
}
.duration--106 {
  animation-duration: 106s;
}
.duration--107 {
  animation-duration: 107s;
}
.duration--108 {
  animation-duration: 108s;
}
.duration--109 {
  animation-duration: 109s;
}
.duration--110 {
  animation-duration: 110s;
}
.duration--111 {
  animation-duration: 111s;
}
.duration--112 {
  animation-duration: 112s;
}
.duration--113 {
  animation-duration: 113s;
}
.duration--114 {
  animation-duration: 114s;
}
.duration--115 {
  animation-duration: 115s;
}
.duration--116 {
  animation-duration: 116s;
}
.duration--117 {
  animation-duration: 117s;
}
.duration--118 {
  animation-duration: 118s;
}
.duration--119 {
  animation-duration: 119s;
}
.duration--120 {
  animation-duration: 120s;
}

.speed--1 {
  transition-duration: 1s;
}
.speed--2 {
  transition-duration: 2s;
}
.speed--3 {
  transition-duration: 3s;
}
.speed--4 {
  transition-duration: 4s;
}
.speed--5 {
  transition-duration: 5s;
}
.speed--6 {
  transition-duration: 6s;
}
.speed--7 {
  transition-duration: 7s;
}
.speed--8 {
  transition-duration: 8s;
}
.speed--9 {
  transition-duration: 9s;
}
.speed--10 {
  transition-duration: 10s;
}
.speed--11 {
  transition-duration: 11s;
}
.speed--12 {
  transition-duration: 12s;
}
.speed--13 {
  transition-duration: 13s;
}
.speed--14 {
  transition-duration: 14s;
}
.speed--15 {
  transition-duration: 15s;
}
.speed--16 {
  transition-duration: 16s;
}
.speed--17 {
  transition-duration: 17s;
}
.speed--18 {
  transition-duration: 18s;
}
.speed--19 {
  transition-duration: 19s;
}
.speed--20 {
  transition-duration: 20s;
}
.speed--21 {
  transition-duration: 21s;
}
.speed--22 {
  transition-duration: 22s;
}
.speed--23 {
  transition-duration: 23s;
}
.speed--24 {
  transition-duration: 24s;
}
.speed--25 {
  transition-duration: 25s;
}
.speed--26 {
  transition-duration: 26s;
}
.speed--27 {
  transition-duration: 27s;
}
.speed--28 {
  transition-duration: 28s;
}
.speed--29 {
  transition-duration: 29s;
}
.speed--30 {
  transition-duration: 30s;
}
.speed--31 {
  transition-duration: 31s;
}
.speed--32 {
  transition-duration: 32s;
}
.speed--33 {
  transition-duration: 33s;
}
.speed--34 {
  transition-duration: 34s;
}
.speed--35 {
  transition-duration: 35s;
}
.speed--36 {
  transition-duration: 36s;
}
.speed--37 {
  transition-duration: 37s;
}
.speed--38 {
  transition-duration: 38s;
}
.speed--39 {
  transition-duration: 39s;
}
.speed--40 {
  transition-duration: 40s;
}
.speed--41 {
  transition-duration: 41s;
}
.speed--42 {
  transition-duration: 42s;
}
.speed--43 {
  transition-duration: 43s;
}
.speed--44 {
  transition-duration: 44s;
}
.speed--45 {
  transition-duration: 45s;
}
.speed--46 {
  transition-duration: 46s;
}
.speed--47 {
  transition-duration: 47s;
}
.speed--48 {
  transition-duration: 48s;
}
.speed--49 {
  transition-duration: 49s;
}
.speed--50 {
  transition-duration: 50s;
}
.speed--51 {
  transition-duration: 51s;
}
.speed--52 {
  transition-duration: 52s;
}
.speed--53 {
  transition-duration: 53s;
}
.speed--54 {
  transition-duration: 54s;
}
.speed--55 {
  transition-duration: 55s;
}
.speed--56 {
  transition-duration: 56s;
}
.speed--57 {
  transition-duration: 57s;
}
.speed--58 {
  transition-duration: 58s;
}
.speed--59 {
  transition-duration: 59s;
}
.speed--60 {
  transition-duration: 60s;
}
.speed--61 {
  transition-duration: 61s;
}
.speed--62 {
  transition-duration: 62s;
}
.speed--63 {
  transition-duration: 63s;
}
.speed--64 {
  transition-duration: 64s;
}
.speed--65 {
  transition-duration: 65s;
}
.speed--66 {
  transition-duration: 66s;
}
.speed--67 {
  transition-duration: 67s;
}
.speed--68 {
  transition-duration: 68s;
}
.speed--69 {
  transition-duration: 69s;
}
.speed--70 {
  transition-duration: 70s;
}
.speed--71 {
  transition-duration: 71s;
}
.speed--72 {
  transition-duration: 72s;
}
.speed--73 {
  transition-duration: 73s;
}
.speed--74 {
  transition-duration: 74s;
}
.speed--75 {
  transition-duration: 75s;
}
.speed--76 {
  transition-duration: 76s;
}
.speed--77 {
  transition-duration: 77s;
}
.speed--78 {
  transition-duration: 78s;
}
.speed--79 {
  transition-duration: 79s;
}
.speed--80 {
  transition-duration: 80s;
}
.speed--81 {
  transition-duration: 81s;
}
.speed--82 {
  transition-duration: 82s;
}
.speed--83 {
  transition-duration: 83s;
}
.speed--84 {
  transition-duration: 84s;
}
.speed--85 {
  transition-duration: 85s;
}
.speed--86 {
  transition-duration: 86s;
}
.speed--87 {
  transition-duration: 87s;
}
.speed--88 {
  transition-duration: 88s;
}
.speed--89 {
  transition-duration: 89s;
}
.speed--90 {
  transition-duration: 90s;
}
.speed--91 {
  transition-duration: 91s;
}
.speed--92 {
  transition-duration: 92s;
}
.speed--93 {
  transition-duration: 93s;
}
.speed--94 {
  transition-duration: 94s;
}
.speed--95 {
  transition-duration: 95s;
}
.speed--96 {
  transition-duration: 96s;
}
.speed--97 {
  transition-duration: 97s;
}
.speed--98 {
  transition-duration: 98s;
}
.speed--99 {
  transition-duration: 99s;
}
.speed--100 {
  transition-duration: 100s;
}
.speed--101 {
  transition-duration: 101s;
}
.speed--102 {
  transition-duration: 102s;
}
.speed--103 {
  transition-duration: 103s;
}
.speed--104 {
  transition-duration: 104s;
}
.speed--105 {
  transition-duration: 105s;
}
.speed--106 {
  transition-duration: 106s;
}
.speed--107 {
  transition-duration: 107s;
}
.speed--108 {
  transition-duration: 108s;
}
.speed--109 {
  transition-duration: 109s;
}
.speed--110 {
  transition-duration: 110s;
}
.speed--111 {
  transition-duration: 111s;
}
.speed--112 {
  transition-duration: 112s;
}
.speed--113 {
  transition-duration: 113s;
}
.speed--114 {
  transition-duration: 114s;
}
.speed--115 {
  transition-duration: 115s;
}
.speed--116 {
  transition-duration: 116s;
}
.speed--117 {
  transition-duration: 117s;
}
.speed--118 {
  transition-duration: 118s;
}
.speed--119 {
  transition-duration: 119s;
}
.speed--120 {
  transition-duration: 120s;
}

.grow {
  flex-grow: 1;
}

.no-grow {
  flex-grow: 0;
}

.shrink {
  flex-shrink: 1;
}

.no-shrink {
  flex-shrink: 0;
}

.wrap {
  flex-wrap: wrap;
}

.center-column {
  max-width: 1064px;
}

.hidden {
  display: none;
}

@media (max-width: 640px) {
  .sm\:hidden:nth-child(n):nth-child(n) {
    display: none;
  }
}
@media (min-width: 640px) {
  .lg\:hidden:nth-child(n):nth-child(n) {
    display: none;
  }
}
.inline {
  display: inline-block;
}

@media (max-width: 640px) {
  .sm\:inline:nth-child(n):nth-child(n) {
    display: inline-block;
  }
}
@media (min-width: 640px) {
  .lg\:inline:nth-child(n):nth-child(n) {
    display: inline-block;
  }
}
.inline-flex {
  display: inline-flex;
}

@media (max-width: 640px) {
  .sm\:inline-flex:nth-child(n):nth-child(n) {
    display: inline-flex;
  }
}
@media (min-width: 640px) {
  .lg\:inline-flex:nth-child(n):nth-child(n) {
    display: inline-flex;
  }
}
.text--l {
  font-size: var(--text--l);
  line-height: var(--line--l);
}

@media (max-width: 640px) {
  .sm\:text--l:nth-child(n):nth-child(n) {
    font-size: var(--text--l);
    line-height: var(--line--l);
  }
}
@media (min-width: 640px) {
  .lg\:text--l:nth-child(n):nth-child(n) {
    font-size: var(--text--l);
    line-height: var(--line--l);
  }
}
.text--m {
  font-size: var(--text--m);
  line-height: var(--line--m);
}

@media (max-width: 640px) {
  .sm\:text--m:nth-child(n):nth-child(n) {
    font-size: var(--text--m);
    line-height: var(--line--m);
  }
}
@media (min-width: 640px) {
  .lg\:text--m:nth-child(n):nth-child(n) {
    font-size: var(--text--m);
    line-height: var(--line--m);
  }
}
.text--s {
  font-size: var(--text--s);
  line-height: var(--line--s);
}

@media (max-width: 640px) {
  .sm\:text--s:nth-child(n):nth-child(n) {
    font-size: var(--text--s);
    line-height: var(--line--s);
  }
}
@media (min-width: 640px) {
  .lg\:text--s:nth-child(n):nth-child(n) {
    font-size: var(--text--s);
    line-height: var(--line--s);
  }
}
.text--xs {
  font-size: var(--text--xs);
  line-height: var(--line--xs);
}

@media (max-width: 640px) {
  .sm\:text--xs:nth-child(n):nth-child(n) {
    font-size: var(--text--xs);
    line-height: var(--line--xs);
  }
}
@media (min-width: 640px) {
  .lg\:text--xs:nth-child(n):nth-child(n) {
    font-size: var(--text--xs);
    line-height: var(--line--xs);
  }
}
.text--xxs {
  font-size: var(--text--xxs);
  line-height: var(--line--xxs);
}

@media (max-width: 640px) {
  .sm\:text--xxs:nth-child(n):nth-child(n) {
    font-size: var(--text--xxs);
    line-height: var(--line--xxs);
  }
}
@media (min-width: 640px) {
  .lg\:text--xxs:nth-child(n):nth-child(n) {
    font-size: var(--text--xxs);
    line-height: var(--line--xxs);
  }
}
.text--left {
  text-align: left;
}

.text--right {
  text-align: right;
}

.text--center {
  text-align: center;
}

.text--nowrap {
  white-space: nowrap;
}

.text--black {
  font-family: var(--text--black);
  font-weight: 900;
}

.text--bold {
  font-family: var(--text--bold);
  font-weight: 700;
}

.text--regular {
  font-family: var(--text--regular);
  font-weight: 400;
}

.text--light {
  font-family: var(--text--light);
  font-weight: 300;
}

.uppercase {
  text-transform: uppercase;
}

.text--ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--text--black);
  font-weight: 900;
  letter-spacing: -0.02em;
  margin: 0;
}

h1 {
  font-size: var(--h1--size);
  line-height: var(--h1--line);
}
@media (max-width: 640px) {
  h1 {
    font-size: var(--h1--size-mobile);
  }
}

h2 {
  font-size: var(--h2--size);
  line-height: var(--h2--line);
}
@media (max-width: 640px) {
  h2 {
    font-size: var(--h2--size-mobile);
  }
}

h3 {
  font-size: var(--h3--size);
  line-height: var(--h3--line);
}
@media (max-width: 640px) {
  h3 {
    font-size: var(--h3--size-mobile);
  }
}

h4 {
  font-size: var(--h4--size);
  line-height: var(--h4--line);
}
@media (max-width: 640px) {
  h4 {
    font-size: var(--h4--size-mobile);
  }
}

h5 {
  font-size: var(--h5--size);
  line-height: var(--h5--line);
}
@media (max-width: 640px) {
  h5 {
    font-size: var(--h5--size-mobile);
  }
}

h6 {
  font-size: var(--text--m);
  font-family: var(--text--black);
}
@media (max-width: 640px) {
  h6 {
    font-size: var(--text--m);
  }
}

a, input, textarea, select, button, label {
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  font-family: var(--text--regular);
}

b {
  font-family: var(--text--bold);
  font-weight: 400;
}

a {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.line-clamp--1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.line-clamp--2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.line-clamp--3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.line-clamp--4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.line-clamp--5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.line-clamp--6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

.line-clamp--7 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}

.line-clamp--8 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}

.line-clamp--9 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
}

.line-clamp--10 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
}

.break-words {
  word-break: break-word;
}

.no-wrap {
  white-space: nowrap;
}

.frame {
  background-color: #44cc84;
  color: #fff;
  font-family: "League Spartan", sans-serif;
  font-size: 30px !important;
}

.col {
  display: flex;
  flex-direction: column;
}

.row {
  display: flex;
  flex-direction: row;
}

.version {
  color: #fff;
  font-family: "League Spartan", sans-serif;
  font-size: 20px !important;
  padding: 10px;
}

.version span {
  padding: 10px;
}

.slide {
  overflow: hidden;
  font-size: 100px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.cover {
  object-fit: cover;
  background-color: #323A44;
}

.fg {
  padding: 3em;
}

.animation--fade-in {
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-name: animate--fade-in;
}

@keyframes animate--fade-in {
  100% {
    transform: scale(1.5);
  }
}