@fabiocaccamo/wall.css/dist/css/wall.css

Pure (s)css responsive block-grid with extra features.

.wall {
  --columns: 12;
  --spacing: 0px;
  --spacing-x: unset;
  --spacing-y: unset;
  --rounded: 0px;
  --ratio: unset;
  display: grid;
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  column-gap: var(--spacing-x, var(--spacing));
  row-gap: var(--spacing-y, var(--spacing));
  width: 100%;
  height: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  outline: none;
}
.wall > .wall-col {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: var(--rounded);
  aspect-ratio: var(--ratio);
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  outline: none;
}
.wall.wall--rounded > .wall-col, .wall[class*=wall--rounded-] > .wall-col, .wall[class*=wall--ratio-] > .wall-col {
  overflow: hidden;
}
.wall.wall--cols-1 {
  --columns: 1;
}
.wall.wall--cols-2 {
  --columns: 2;
}
.wall.wall--cols-3 {
  --columns: 3;
}
.wall.wall--cols-4 {
  --columns: 4;
}
.wall.wall--cols-5 {
  --columns: 5;
}
.wall.wall--cols-6 {
  --columns: 6;
}
.wall.wall--cols-7 {
  --columns: 7;
}
.wall.wall--cols-8 {
  --columns: 8;
}
.wall.wall--cols-9 {
  --columns: 9;
}
.wall.wall--cols-10 {
  --columns: 10;
}
.wall.wall--cols-11 {
  --columns: 11;
}
.wall.wall--cols-12 {
  --columns: 12;
}
.wall.wall--spacing-0 {
  --spacing: 0px;
}
.wall.wall--spacing-x-0 {
  --spacing-x: 0px;
}
.wall.wall--spacing-y-0 {
  --spacing-y: 0px;
}
.wall.wall--spacing-1 {
  --spacing: 1px;
}
.wall.wall--spacing-x-1 {
  --spacing-x: 1px;
}
.wall.wall--spacing-y-1 {
  --spacing-y: 1px;
}
.wall.wall--spacing-2 {
  --spacing: 2px;
}
.wall.wall--spacing-x-2 {
  --spacing-x: 2px;
}
.wall.wall--spacing-y-2 {
  --spacing-y: 2px;
}
.wall.wall--spacing-3 {
  --spacing: 3px;
}
.wall.wall--spacing-x-3 {
  --spacing-x: 3px;
}
.wall.wall--spacing-y-3 {
  --spacing-y: 3px;
}
.wall.wall--spacing-4 {
  --spacing: 4px;
}
.wall.wall--spacing-x-4 {
  --spacing-x: 4px;
}
.wall.wall--spacing-y-4 {
  --spacing-y: 4px;
}
.wall.wall--spacing-5 {
  --spacing: 5px;
}
.wall.wall--spacing-x-5 {
  --spacing-x: 5px;
}
.wall.wall--spacing-y-5 {
  --spacing-y: 5px;
}
.wall.wall--spacing-8 {
  --spacing: 8px;
}
.wall.wall--spacing-x-8 {
  --spacing-x: 8px;
}
.wall.wall--spacing-y-8 {
  --spacing-y: 8px;
}
.wall.wall--spacing-10 {
  --spacing: 10px;
}
.wall.wall--spacing-x-10 {
  --spacing-x: 10px;
}
.wall.wall--spacing-y-10 {
  --spacing-y: 10px;
}
.wall.wall--spacing-12 {
  --spacing: 12px;
}
.wall.wall--spacing-x-12 {
  --spacing-x: 12px;
}
.wall.wall--spacing-y-12 {
  --spacing-y: 12px;
}
.wall.wall--spacing-15 {
  --spacing: 15px;
}
.wall.wall--spacing-x-15 {
  --spacing-x: 15px;
}
.wall.wall--spacing-y-15 {
  --spacing-y: 15px;
}
.wall.wall--spacing-16 {
  --spacing: 16px;
}
.wall.wall--spacing-x-16 {
  --spacing-x: 16px;
}
.wall.wall--spacing-y-16 {
  --spacing-y: 16px;
}
.wall.wall--spacing-20 {
  --spacing: 20px;
}
.wall.wall--spacing-x-20 {
  --spacing-x: 20px;
}
.wall.wall--spacing-y-20 {
  --spacing-y: 20px;
}
.wall.wall--spacing-24 {
  --spacing: 24px;
}
.wall.wall--spacing-x-24 {
  --spacing-x: 24px;
}
.wall.wall--spacing-y-24 {
  --spacing-y: 24px;
}
.wall.wall--spacing-25 {
  --spacing: 25px;
}
.wall.wall--spacing-x-25 {
  --spacing-x: 25px;
}
.wall.wall--spacing-y-25 {
  --spacing-y: 25px;
}
.wall.wall--spacing-30 {
  --spacing: 30px;
}
.wall.wall--spacing-x-30 {
  --spacing-x: 30px;
}
.wall.wall--spacing-y-30 {
  --spacing-y: 30px;
}
.wall.wall--spacing-32 {
  --spacing: 32px;
}
.wall.wall--spacing-x-32 {
  --spacing-x: 32px;
}
.wall.wall--spacing-y-32 {
  --spacing-y: 32px;
}
.wall.wall--spacing-40 {
  --spacing: 40px;
}
.wall.wall--spacing-x-40 {
  --spacing-x: 40px;
}
.wall.wall--spacing-y-40 {
  --spacing-y: 40px;
}
.wall.wall--spacing-50 {
  --spacing: 50px;
}
.wall.wall--spacing-x-50 {
  --spacing-x: 50px;
}
.wall.wall--spacing-y-50 {
  --spacing-y: 50px;
}
.wall.wall--spacing-60 {
  --spacing: 60px;
}
.wall.wall--spacing-x-60 {
  --spacing-x: 60px;
}
.wall.wall--spacing-y-60 {
  --spacing-y: 60px;
}
.wall.wall--spacing-70 {
  --spacing: 70px;
}
.wall.wall--spacing-x-70 {
  --spacing-x: 70px;
}
.wall.wall--spacing-y-70 {
  --spacing-y: 70px;
}
.wall.wall--spacing-80 {
  --spacing: 80px;
}
.wall.wall--spacing-x-80 {
  --spacing-x: 80px;
}
.wall.wall--spacing-y-80 {
  --spacing-y: 80px;
}
.wall.wall--spacing-90 {
  --spacing: 90px;
}
.wall.wall--spacing-x-90 {
  --spacing-x: 90px;
}
.wall.wall--spacing-y-90 {
  --spacing-y: 90px;
}
.wall.wall--spacing-100 {
  --spacing: 100px;
}
.wall.wall--spacing-x-100 {
  --spacing-x: 100px;
}
.wall.wall--spacing-y-100 {
  --spacing-y: 100px;
}
.wall.wall--ratio-1-1 {
  --ratio: 1 / 1;
}
.wall.wall--ratio-2-1 {
  --ratio: 2 / 1;
}
.wall.wall--ratio-1-2 {
  --ratio: 1 / 2;
}
.wall.wall--ratio-3-1 {
  --ratio: 3 / 1;
}
.wall.wall--ratio-1-3 {
  --ratio: 1 / 3;
}
.wall.wall--ratio-3-2 {
  --ratio: 3 / 2;
}
.wall.wall--ratio-2-3 {
  --ratio: 2 / 3;
}
.wall.wall--ratio-4-3 {
  --ratio: 4 / 3;
}
.wall.wall--ratio-3-4 {
  --ratio: 3 / 4;
}
.wall.wall--ratio-16-9 {
  --ratio: 16 / 9;
}
.wall.wall--rounded-0 {
  --rounded: 0px;
}
.wall.wall--rounded-2 {
  --rounded: 2px;
}
.wall.wall--rounded-3 {
  --rounded: 3px;
}
.wall.wall--rounded-4 {
  --rounded: 4px;
}
.wall.wall--rounded-5 {
  --rounded: 5px;
}
.wall.wall--rounded-6 {
  --rounded: 6px;
}
.wall.wall--rounded-8 {
  --rounded: 8px;
}
.wall.wall--rounded-10 {
  --rounded: 10px;
}
.wall.wall--rounded-12 {
  --rounded: 12px;
}
.wall.wall--rounded-15 {
  --rounded: 15px;
}
.wall.wall--rounded-20 {
  --rounded: 20px;
}
.wall.wall--rounded-24 {
  --rounded: 24px;
}
.wall.wall--rounded-30 {
  --rounded: 30px;
}
.wall.wall--rounded {
  --rounded: 100%;
}
@media screen and (min-width: 0) {
  .wall.wall--xs-cols-1 {
    --columns: 1;
  }
  .wall.wall--xs-cols-2 {
    --columns: 2;
  }
  .wall.wall--xs-cols-3 {
    --columns: 3;
  }
  .wall.wall--xs-cols-4 {
    --columns: 4;
  }
  .wall.wall--xs-cols-5 {
    --columns: 5;
  }
  .wall.wall--xs-cols-6 {
    --columns: 6;
  }
  .wall.wall--xs-cols-7 {
    --columns: 7;
  }
  .wall.wall--xs-cols-8 {
    --columns: 8;
  }
  .wall.wall--xs-cols-9 {
    --columns: 9;
  }
  .wall.wall--xs-cols-10 {
    --columns: 10;
  }
  .wall.wall--xs-cols-11 {
    --columns: 11;
  }
  .wall.wall--xs-cols-12 {
    --columns: 12;
  }
  .wall.wall--xs-spacing-0 {
    --spacing: 0px;
  }
  .wall.wall--xs-spacing-x-0 {
    --spacing-x: 0px;
  }
  .wall.wall--xs-spacing-y-0 {
    --spacing-y: 0px;
  }
  .wall.wall--xs-spacing-1 {
    --spacing: 1px;
  }
  .wall.wall--xs-spacing-x-1 {
    --spacing-x: 1px;
  }
  .wall.wall--xs-spacing-y-1 {
    --spacing-y: 1px;
  }
  .wall.wall--xs-spacing-2 {
    --spacing: 2px;
  }
  .wall.wall--xs-spacing-x-2 {
    --spacing-x: 2px;
  }
  .wall.wall--xs-spacing-y-2 {
    --spacing-y: 2px;
  }
  .wall.wall--xs-spacing-3 {
    --spacing: 3px;
  }
  .wall.wall--xs-spacing-x-3 {
    --spacing-x: 3px;
  }
  .wall.wall--xs-spacing-y-3 {
    --spacing-y: 3px;
  }
  .wall.wall--xs-spacing-4 {
    --spacing: 4px;
  }
  .wall.wall--xs-spacing-x-4 {
    --spacing-x: 4px;
  }
  .wall.wall--xs-spacing-y-4 {
    --spacing-y: 4px;
  }
  .wall.wall--xs-spacing-5 {
    --spacing: 5px;
  }
  .wall.wall--xs-spacing-x-5 {
    --spacing-x: 5px;
  }
  .wall.wall--xs-spacing-y-5 {
    --spacing-y: 5px;
  }
  .wall.wall--xs-spacing-8 {
    --spacing: 8px;
  }
  .wall.wall--xs-spacing-x-8 {
    --spacing-x: 8px;
  }
  .wall.wall--xs-spacing-y-8 {
    --spacing-y: 8px;
  }
  .wall.wall--xs-spacing-10 {
    --spacing: 10px;
  }
  .wall.wall--xs-spacing-x-10 {
    --spacing-x: 10px;
  }
  .wall.wall--xs-spacing-y-10 {
    --spacing-y: 10px;
  }
  .wall.wall--xs-spacing-12 {
    --spacing: 12px;
  }
  .wall.wall--xs-spacing-x-12 {
    --spacing-x: 12px;
  }
  .wall.wall--xs-spacing-y-12 {
    --spacing-y: 12px;
  }
  .wall.wall--xs-spacing-15 {
    --spacing: 15px;
  }
  .wall.wall--xs-spacing-x-15 {
    --spacing-x: 15px;
  }
  .wall.wall--xs-spacing-y-15 {
    --spacing-y: 15px;
  }
  .wall.wall--xs-spacing-16 {
    --spacing: 16px;
  }
  .wall.wall--xs-spacing-x-16 {
    --spacing-x: 16px;
  }
  .wall.wall--xs-spacing-y-16 {
    --spacing-y: 16px;
  }
  .wall.wall--xs-spacing-20 {
    --spacing: 20px;
  }
  .wall.wall--xs-spacing-x-20 {
    --spacing-x: 20px;
  }
  .wall.wall--xs-spacing-y-20 {
    --spacing-y: 20px;
  }
  .wall.wall--xs-spacing-24 {
    --spacing: 24px;
  }
  .wall.wall--xs-spacing-x-24 {
    --spacing-x: 24px;
  }
  .wall.wall--xs-spacing-y-24 {
    --spacing-y: 24px;
  }
  .wall.wall--xs-spacing-25 {
    --spacing: 25px;
  }
  .wall.wall--xs-spacing-x-25 {
    --spacing-x: 25px;
  }
  .wall.wall--xs-spacing-y-25 {
    --spacing-y: 25px;
  }
  .wall.wall--xs-spacing-30 {
    --spacing: 30px;
  }
  .wall.wall--xs-spacing-x-30 {
    --spacing-x: 30px;
  }
  .wall.wall--xs-spacing-y-30 {
    --spacing-y: 30px;
  }
  .wall.wall--xs-spacing-32 {
    --spacing: 32px;
  }
  .wall.wall--xs-spacing-x-32 {
    --spacing-x: 32px;
  }
  .wall.wall--xs-spacing-y-32 {
    --spacing-y: 32px;
  }
  .wall.wall--xs-spacing-40 {
    --spacing: 40px;
  }
  .wall.wall--xs-spacing-x-40 {
    --spacing-x: 40px;
  }
  .wall.wall--xs-spacing-y-40 {
    --spacing-y: 40px;
  }
  .wall.wall--xs-spacing-50 {
    --spacing: 50px;
  }
  .wall.wall--xs-spacing-x-50 {
    --spacing-x: 50px;
  }
  .wall.wall--xs-spacing-y-50 {
    --spacing-y: 50px;
  }
  .wall.wall--xs-spacing-60 {
    --spacing: 60px;
  }
  .wall.wall--xs-spacing-x-60 {
    --spacing-x: 60px;
  }
  .wall.wall--xs-spacing-y-60 {
    --spacing-y: 60px;
  }
  .wall.wall--xs-spacing-70 {
    --spacing: 70px;
  }
  .wall.wall--xs-spacing-x-70 {
    --spacing-x: 70px;
  }
  .wall.wall--xs-spacing-y-70 {
    --spacing-y: 70px;
  }
  .wall.wall--xs-spacing-80 {
    --spacing: 80px;
  }
  .wall.wall--xs-spacing-x-80 {
    --spacing-x: 80px;
  }
  .wall.wall--xs-spacing-y-80 {
    --spacing-y: 80px;
  }
  .wall.wall--xs-spacing-90 {
    --spacing: 90px;
  }
  .wall.wall--xs-spacing-x-90 {
    --spacing-x: 90px;
  }
  .wall.wall--xs-spacing-y-90 {
    --spacing-y: 90px;
  }
  .wall.wall--xs-spacing-100 {
    --spacing: 100px;
  }
  .wall.wall--xs-spacing-x-100 {
    --spacing-x: 100px;
  }
  .wall.wall--xs-spacing-y-100 {
    --spacing-y: 100px;
  }
  .wall.wall--xs-ratio-1-1 {
    --ratio: 1 / 1;
  }
  .wall.wall--xs-ratio-2-1 {
    --ratio: 2 / 1;
  }
  .wall.wall--xs-ratio-1-2 {
    --ratio: 1 / 2;
  }
  .wall.wall--xs-ratio-3-1 {
    --ratio: 3 / 1;
  }
  .wall.wall--xs-ratio-1-3 {
    --ratio: 1 / 3;
  }
  .wall.wall--xs-ratio-3-2 {
    --ratio: 3 / 2;
  }
  .wall.wall--xs-ratio-2-3 {
    --ratio: 2 / 3;
  }
  .wall.wall--xs-ratio-4-3 {
    --ratio: 4 / 3;
  }
  .wall.wall--xs-ratio-3-4 {
    --ratio: 3 / 4;
  }
  .wall.wall--xs-ratio-16-9 {
    --ratio: 16 / 9;
  }
  .wall.wall--xs-rounded-0 {
    --rounded: 0px;
  }
  .wall.wall--xs-rounded-2 {
    --rounded: 2px;
  }
  .wall.wall--xs-rounded-3 {
    --rounded: 3px;
  }
  .wall.wall--xs-rounded-4 {
    --rounded: 4px;
  }
  .wall.wall--xs-rounded-5 {
    --rounded: 5px;
  }
  .wall.wall--xs-rounded-6 {
    --rounded: 6px;
  }
  .wall.wall--xs-rounded-8 {
    --rounded: 8px;
  }
  .wall.wall--xs-rounded-10 {
    --rounded: 10px;
  }
  .wall.wall--xs-rounded-12 {
    --rounded: 12px;
  }
  .wall.wall--xs-rounded-15 {
    --rounded: 15px;
  }
  .wall.wall--xs-rounded-20 {
    --rounded: 20px;
  }
  .wall.wall--xs-rounded-24 {
    --rounded: 24px;
  }
  .wall.wall--xs-rounded-30 {
    --rounded: 30px;
  }
  .wall.wall--xs-rounded {
    --rounded: 100%;
  }
}
@media screen and (min-width: 576px) {
  .wall.wall--sm-cols-1 {
    --columns: 1;
  }
  .wall.wall--sm-cols-2 {
    --columns: 2;
  }
  .wall.wall--sm-cols-3 {
    --columns: 3;
  }
  .wall.wall--sm-cols-4 {
    --columns: 4;
  }
  .wall.wall--sm-cols-5 {
    --columns: 5;
  }
  .wall.wall--sm-cols-6 {
    --columns: 6;
  }
  .wall.wall--sm-cols-7 {
    --columns: 7;
  }
  .wall.wall--sm-cols-8 {
    --columns: 8;
  }
  .wall.wall--sm-cols-9 {
    --columns: 9;
  }
  .wall.wall--sm-cols-10 {
    --columns: 10;
  }
  .wall.wall--sm-cols-11 {
    --columns: 11;
  }
  .wall.wall--sm-cols-12 {
    --columns: 12;
  }
  .wall.wall--sm-spacing-0 {
    --spacing: 0px;
  }
  .wall.wall--sm-spacing-x-0 {
    --spacing-x: 0px;
  }
  .wall.wall--sm-spacing-y-0 {
    --spacing-y: 0px;
  }
  .wall.wall--sm-spacing-1 {
    --spacing: 1px;
  }
  .wall.wall--sm-spacing-x-1 {
    --spacing-x: 1px;
  }
  .wall.wall--sm-spacing-y-1 {
    --spacing-y: 1px;
  }
  .wall.wall--sm-spacing-2 {
    --spacing: 2px;
  }
  .wall.wall--sm-spacing-x-2 {
    --spacing-x: 2px;
  }
  .wall.wall--sm-spacing-y-2 {
    --spacing-y: 2px;
  }
  .wall.wall--sm-spacing-3 {
    --spacing: 3px;
  }
  .wall.wall--sm-spacing-x-3 {
    --spacing-x: 3px;
  }
  .wall.wall--sm-spacing-y-3 {
    --spacing-y: 3px;
  }
  .wall.wall--sm-spacing-4 {
    --spacing: 4px;
  }
  .wall.wall--sm-spacing-x-4 {
    --spacing-x: 4px;
  }
  .wall.wall--sm-spacing-y-4 {
    --spacing-y: 4px;
  }
  .wall.wall--sm-spacing-5 {
    --spacing: 5px;
  }
  .wall.wall--sm-spacing-x-5 {
    --spacing-x: 5px;
  }
  .wall.wall--sm-spacing-y-5 {
    --spacing-y: 5px;
  }
  .wall.wall--sm-spacing-8 {
    --spacing: 8px;
  }
  .wall.wall--sm-spacing-x-8 {
    --spacing-x: 8px;
  }
  .wall.wall--sm-spacing-y-8 {
    --spacing-y: 8px;
  }
  .wall.wall--sm-spacing-10 {
    --spacing: 10px;
  }
  .wall.wall--sm-spacing-x-10 {
    --spacing-x: 10px;
  }
  .wall.wall--sm-spacing-y-10 {
    --spacing-y: 10px;
  }
  .wall.wall--sm-spacing-12 {
    --spacing: 12px;
  }
  .wall.wall--sm-spacing-x-12 {
    --spacing-x: 12px;
  }
  .wall.wall--sm-spacing-y-12 {
    --spacing-y: 12px;
  }
  .wall.wall--sm-spacing-15 {
    --spacing: 15px;
  }
  .wall.wall--sm-spacing-x-15 {
    --spacing-x: 15px;
  }
  .wall.wall--sm-spacing-y-15 {
    --spacing-y: 15px;
  }
  .wall.wall--sm-spacing-16 {
    --spacing: 16px;
  }
  .wall.wall--sm-spacing-x-16 {
    --spacing-x: 16px;
  }
  .wall.wall--sm-spacing-y-16 {
    --spacing-y: 16px;
  }
  .wall.wall--sm-spacing-20 {
    --spacing: 20px;
  }
  .wall.wall--sm-spacing-x-20 {
    --spacing-x: 20px;
  }
  .wall.wall--sm-spacing-y-20 {
    --spacing-y: 20px;
  }
  .wall.wall--sm-spacing-24 {
    --spacing: 24px;
  }
  .wall.wall--sm-spacing-x-24 {
    --spacing-x: 24px;
  }
  .wall.wall--sm-spacing-y-24 {
    --spacing-y: 24px;
  }
  .wall.wall--sm-spacing-25 {
    --spacing: 25px;
  }
  .wall.wall--sm-spacing-x-25 {
    --spacing-x: 25px;
  }
  .wall.wall--sm-spacing-y-25 {
    --spacing-y: 25px;
  }
  .wall.wall--sm-spacing-30 {
    --spacing: 30px;
  }
  .wall.wall--sm-spacing-x-30 {
    --spacing-x: 30px;
  }
  .wall.wall--sm-spacing-y-30 {
    --spacing-y: 30px;
  }
  .wall.wall--sm-spacing-32 {
    --spacing: 32px;
  }
  .wall.wall--sm-spacing-x-32 {
    --spacing-x: 32px;
  }
  .wall.wall--sm-spacing-y-32 {
    --spacing-y: 32px;
  }
  .wall.wall--sm-spacing-40 {
    --spacing: 40px;
  }
  .wall.wall--sm-spacing-x-40 {
    --spacing-x: 40px;
  }
  .wall.wall--sm-spacing-y-40 {
    --spacing-y: 40px;
  }
  .wall.wall--sm-spacing-50 {
    --spacing: 50px;
  }
  .wall.wall--sm-spacing-x-50 {
    --spacing-x: 50px;
  }
  .wall.wall--sm-spacing-y-50 {
    --spacing-y: 50px;
  }
  .wall.wall--sm-spacing-60 {
    --spacing: 60px;
  }
  .wall.wall--sm-spacing-x-60 {
    --spacing-x: 60px;
  }
  .wall.wall--sm-spacing-y-60 {
    --spacing-y: 60px;
  }
  .wall.wall--sm-spacing-70 {
    --spacing: 70px;
  }
  .wall.wall--sm-spacing-x-70 {
    --spacing-x: 70px;
  }
  .wall.wall--sm-spacing-y-70 {
    --spacing-y: 70px;
  }
  .wall.wall--sm-spacing-80 {
    --spacing: 80px;
  }
  .wall.wall--sm-spacing-x-80 {
    --spacing-x: 80px;
  }
  .wall.wall--sm-spacing-y-80 {
    --spacing-y: 80px;
  }
  .wall.wall--sm-spacing-90 {
    --spacing: 90px;
  }
  .wall.wall--sm-spacing-x-90 {
    --spacing-x: 90px;
  }
  .wall.wall--sm-spacing-y-90 {
    --spacing-y: 90px;
  }
  .wall.wall--sm-spacing-100 {
    --spacing: 100px;
  }
  .wall.wall--sm-spacing-x-100 {
    --spacing-x: 100px;
  }
  .wall.wall--sm-spacing-y-100 {
    --spacing-y: 100px;
  }
  .wall.wall--sm-ratio-1-1 {
    --ratio: 1 / 1;
  }
  .wall.wall--sm-ratio-2-1 {
    --ratio: 2 / 1;
  }
  .wall.wall--sm-ratio-1-2 {
    --ratio: 1 / 2;
  }
  .wall.wall--sm-ratio-3-1 {
    --ratio: 3 / 1;
  }
  .wall.wall--sm-ratio-1-3 {
    --ratio: 1 / 3;
  }
  .wall.wall--sm-ratio-3-2 {
    --ratio: 3 / 2;
  }
  .wall.wall--sm-ratio-2-3 {
    --ratio: 2 / 3;
  }
  .wall.wall--sm-ratio-4-3 {
    --ratio: 4 / 3;
  }
  .wall.wall--sm-ratio-3-4 {
    --ratio: 3 / 4;
  }
  .wall.wall--sm-ratio-16-9 {
    --ratio: 16 / 9;
  }
  .wall.wall--sm-rounded-0 {
    --rounded: 0px;
  }
  .wall.wall--sm-rounded-2 {
    --rounded: 2px;
  }
  .wall.wall--sm-rounded-3 {
    --rounded: 3px;
  }
  .wall.wall--sm-rounded-4 {
    --rounded: 4px;
  }
  .wall.wall--sm-rounded-5 {
    --rounded: 5px;
  }
  .wall.wall--sm-rounded-6 {
    --rounded: 6px;
  }
  .wall.wall--sm-rounded-8 {
    --rounded: 8px;
  }
  .wall.wall--sm-rounded-10 {
    --rounded: 10px;
  }
  .wall.wall--sm-rounded-12 {
    --rounded: 12px;
  }
  .wall.wall--sm-rounded-15 {
    --rounded: 15px;
  }
  .wall.wall--sm-rounded-20 {
    --rounded: 20px;
  }
  .wall.wall--sm-rounded-24 {
    --rounded: 24px;
  }
  .wall.wall--sm-rounded-30 {
    --rounded: 30px;
  }
  .wall.wall--sm-rounded {
    --rounded: 100%;
  }
}
@media screen and (min-width: 768px) {
  .wall.wall--md-cols-1 {
    --columns: 1;
  }
  .wall.wall--md-cols-2 {
    --columns: 2;
  }
  .wall.wall--md-cols-3 {
    --columns: 3;
  }
  .wall.wall--md-cols-4 {
    --columns: 4;
  }
  .wall.wall--md-cols-5 {
    --columns: 5;
  }
  .wall.wall--md-cols-6 {
    --columns: 6;
  }
  .wall.wall--md-cols-7 {
    --columns: 7;
  }
  .wall.wall--md-cols-8 {
    --columns: 8;
  }
  .wall.wall--md-cols-9 {
    --columns: 9;
  }
  .wall.wall--md-cols-10 {
    --columns: 10;
  }
  .wall.wall--md-cols-11 {
    --columns: 11;
  }
  .wall.wall--md-cols-12 {
    --columns: 12;
  }
  .wall.wall--md-spacing-0 {
    --spacing: 0px;
  }
  .wall.wall--md-spacing-x-0 {
    --spacing-x: 0px;
  }
  .wall.wall--md-spacing-y-0 {
    --spacing-y: 0px;
  }
  .wall.wall--md-spacing-1 {
    --spacing: 1px;
  }
  .wall.wall--md-spacing-x-1 {
    --spacing-x: 1px;
  }
  .wall.wall--md-spacing-y-1 {
    --spacing-y: 1px;
  }
  .wall.wall--md-spacing-2 {
    --spacing: 2px;
  }
  .wall.wall--md-spacing-x-2 {
    --spacing-x: 2px;
  }
  .wall.wall--md-spacing-y-2 {
    --spacing-y: 2px;
  }
  .wall.wall--md-spacing-3 {
    --spacing: 3px;
  }
  .wall.wall--md-spacing-x-3 {
    --spacing-x: 3px;
  }
  .wall.wall--md-spacing-y-3 {
    --spacing-y: 3px;
  }
  .wall.wall--md-spacing-4 {
    --spacing: 4px;
  }
  .wall.wall--md-spacing-x-4 {
    --spacing-x: 4px;
  }
  .wall.wall--md-spacing-y-4 {
    --spacing-y: 4px;
  }
  .wall.wall--md-spacing-5 {
    --spacing: 5px;
  }
  .wall.wall--md-spacing-x-5 {
    --spacing-x: 5px;
  }
  .wall.wall--md-spacing-y-5 {
    --spacing-y: 5px;
  }
  .wall.wall--md-spacing-8 {
    --spacing: 8px;
  }
  .wall.wall--md-spacing-x-8 {
    --spacing-x: 8px;
  }
  .wall.wall--md-spacing-y-8 {
    --spacing-y: 8px;
  }
  .wall.wall--md-spacing-10 {
    --spacing: 10px;
  }
  .wall.wall--md-spacing-x-10 {
    --spacing-x: 10px;
  }
  .wall.wall--md-spacing-y-10 {
    --spacing-y: 10px;
  }
  .wall.wall--md-spacing-12 {
    --spacing: 12px;
  }
  .wall.wall--md-spacing-x-12 {
    --spacing-x: 12px;
  }
  .wall.wall--md-spacing-y-12 {
    --spacing-y: 12px;
  }
  .wall.wall--md-spacing-15 {
    --spacing: 15px;
  }
  .wall.wall--md-spacing-x-15 {
    --spacing-x: 15px;
  }
  .wall.wall--md-spacing-y-15 {
    --spacing-y: 15px;
  }
  .wall.wall--md-spacing-16 {
    --spacing: 16px;
  }
  .wall.wall--md-spacing-x-16 {
    --spacing-x: 16px;
  }
  .wall.wall--md-spacing-y-16 {
    --spacing-y: 16px;
  }
  .wall.wall--md-spacing-20 {
    --spacing: 20px;
  }
  .wall.wall--md-spacing-x-20 {
    --spacing-x: 20px;
  }
  .wall.wall--md-spacing-y-20 {
    --spacing-y: 20px;
  }
  .wall.wall--md-spacing-24 {
    --spacing: 24px;
  }
  .wall.wall--md-spacing-x-24 {
    --spacing-x: 24px;
  }
  .wall.wall--md-spacing-y-24 {
    --spacing-y: 24px;
  }
  .wall.wall--md-spacing-25 {
    --spacing: 25px;
  }
  .wall.wall--md-spacing-x-25 {
    --spacing-x: 25px;
  }
  .wall.wall--md-spacing-y-25 {
    --spacing-y: 25px;
  }
  .wall.wall--md-spacing-30 {
    --spacing: 30px;
  }
  .wall.wall--md-spacing-x-30 {
    --spacing-x: 30px;
  }
  .wall.wall--md-spacing-y-30 {
    --spacing-y: 30px;
  }
  .wall.wall--md-spacing-32 {
    --spacing: 32px;
  }
  .wall.wall--md-spacing-x-32 {
    --spacing-x: 32px;
  }
  .wall.wall--md-spacing-y-32 {
    --spacing-y: 32px;
  }
  .wall.wall--md-spacing-40 {
    --spacing: 40px;
  }
  .wall.wall--md-spacing-x-40 {
    --spacing-x: 40px;
  }
  .wall.wall--md-spacing-y-40 {
    --spacing-y: 40px;
  }
  .wall.wall--md-spacing-50 {
    --spacing: 50px;
  }
  .wall.wall--md-spacing-x-50 {
    --spacing-x: 50px;
  }
  .wall.wall--md-spacing-y-50 {
    --spacing-y: 50px;
  }
  .wall.wall--md-spacing-60 {
    --spacing: 60px;
  }
  .wall.wall--md-spacing-x-60 {
    --spacing-x: 60px;
  }
  .wall.wall--md-spacing-y-60 {
    --spacing-y: 60px;
  }
  .wall.wall--md-spacing-70 {
    --spacing: 70px;
  }
  .wall.wall--md-spacing-x-70 {
    --spacing-x: 70px;
  }
  .wall.wall--md-spacing-y-70 {
    --spacing-y: 70px;
  }
  .wall.wall--md-spacing-80 {
    --spacing: 80px;
  }
  .wall.wall--md-spacing-x-80 {
    --spacing-x: 80px;
  }
  .wall.wall--md-spacing-y-80 {
    --spacing-y: 80px;
  }
  .wall.wall--md-spacing-90 {
    --spacing: 90px;
  }
  .wall.wall--md-spacing-x-90 {
    --spacing-x: 90px;
  }
  .wall.wall--md-spacing-y-90 {
    --spacing-y: 90px;
  }
  .wall.wall--md-spacing-100 {
    --spacing: 100px;
  }
  .wall.wall--md-spacing-x-100 {
    --spacing-x: 100px;
  }
  .wall.wall--md-spacing-y-100 {
    --spacing-y: 100px;
  }
  .wall.wall--md-ratio-1-1 {
    --ratio: 1 / 1;
  }
  .wall.wall--md-ratio-2-1 {
    --ratio: 2 / 1;
  }
  .wall.wall--md-ratio-1-2 {
    --ratio: 1 / 2;
  }
  .wall.wall--md-ratio-3-1 {
    --ratio: 3 / 1;
  }
  .wall.wall--md-ratio-1-3 {
    --ratio: 1 / 3;
  }
  .wall.wall--md-ratio-3-2 {
    --ratio: 3 / 2;
  }
  .wall.wall--md-ratio-2-3 {
    --ratio: 2 / 3;
  }
  .wall.wall--md-ratio-4-3 {
    --ratio: 4 / 3;
  }
  .wall.wall--md-ratio-3-4 {
    --ratio: 3 / 4;
  }
  .wall.wall--md-ratio-16-9 {
    --ratio: 16 / 9;
  }
  .wall.wall--md-rounded-0 {
    --rounded: 0px;
  }
  .wall.wall--md-rounded-2 {
    --rounded: 2px;
  }
  .wall.wall--md-rounded-3 {
    --rounded: 3px;
  }
  .wall.wall--md-rounded-4 {
    --rounded: 4px;
  }
  .wall.wall--md-rounded-5 {
    --rounded: 5px;
  }
  .wall.wall--md-rounded-6 {
    --rounded: 6px;
  }
  .wall.wall--md-rounded-8 {
    --rounded: 8px;
  }
  .wall.wall--md-rounded-10 {
    --rounded: 10px;
  }
  .wall.wall--md-rounded-12 {
    --rounded: 12px;
  }
  .wall.wall--md-rounded-15 {
    --rounded: 15px;
  }
  .wall.wall--md-rounded-20 {
    --rounded: 20px;
  }
  .wall.wall--md-rounded-24 {
    --rounded: 24px;
  }
  .wall.wall--md-rounded-30 {
    --rounded: 30px;
  }
  .wall.wall--md-rounded {
    --rounded: 100%;
  }
}
@media screen and (min-width: 992px) {
  .wall.wall--lg-cols-1 {
    --columns: 1;
  }
  .wall.wall--lg-cols-2 {
    --columns: 2;
  }
  .wall.wall--lg-cols-3 {
    --columns: 3;
  }
  .wall.wall--lg-cols-4 {
    --columns: 4;
  }
  .wall.wall--lg-cols-5 {
    --columns: 5;
  }
  .wall.wall--lg-cols-6 {
    --columns: 6;
  }
  .wall.wall--lg-cols-7 {
    --columns: 7;
  }
  .wall.wall--lg-cols-8 {
    --columns: 8;
  }
  .wall.wall--lg-cols-9 {
    --columns: 9;
  }
  .wall.wall--lg-cols-10 {
    --columns: 10;
  }
  .wall.wall--lg-cols-11 {
    --columns: 11;
  }
  .wall.wall--lg-cols-12 {
    --columns: 12;
  }
  .wall.wall--lg-spacing-0 {
    --spacing: 0px;
  }
  .wall.wall--lg-spacing-x-0 {
    --spacing-x: 0px;
  }
  .wall.wall--lg-spacing-y-0 {
    --spacing-y: 0px;
  }
  .wall.wall--lg-spacing-1 {
    --spacing: 1px;
  }
  .wall.wall--lg-spacing-x-1 {
    --spacing-x: 1px;
  }
  .wall.wall--lg-spacing-y-1 {
    --spacing-y: 1px;
  }
  .wall.wall--lg-spacing-2 {
    --spacing: 2px;
  }
  .wall.wall--lg-spacing-x-2 {
    --spacing-x: 2px;
  }
  .wall.wall--lg-spacing-y-2 {
    --spacing-y: 2px;
  }
  .wall.wall--lg-spacing-3 {
    --spacing: 3px;
  }
  .wall.wall--lg-spacing-x-3 {
    --spacing-x: 3px;
  }
  .wall.wall--lg-spacing-y-3 {
    --spacing-y: 3px;
  }
  .wall.wall--lg-spacing-4 {
    --spacing: 4px;
  }
  .wall.wall--lg-spacing-x-4 {
    --spacing-x: 4px;
  }
  .wall.wall--lg-spacing-y-4 {
    --spacing-y: 4px;
  }
  .wall.wall--lg-spacing-5 {
    --spacing: 5px;
  }
  .wall.wall--lg-spacing-x-5 {
    --spacing-x: 5px;
  }
  .wall.wall--lg-spacing-y-5 {
    --spacing-y: 5px;
  }
  .wall.wall--lg-spacing-8 {
    --spacing: 8px;
  }
  .wall.wall--lg-spacing-x-8 {
    --spacing-x: 8px;
  }
  .wall.wall--lg-spacing-y-8 {
    --spacing-y: 8px;
  }
  .wall.wall--lg-spacing-10 {
    --spacing: 10px;
  }
  .wall.wall--lg-spacing-x-10 {
    --spacing-x: 10px;
  }
  .wall.wall--lg-spacing-y-10 {
    --spacing-y: 10px;
  }
  .wall.wall--lg-spacing-12 {
    --spacing: 12px;
  }
  .wall.wall--lg-spacing-x-12 {
    --spacing-x: 12px;
  }
  .wall.wall--lg-spacing-y-12 {
    --spacing-y: 12px;
  }
  .wall.wall--lg-spacing-15 {
    --spacing: 15px;
  }
  .wall.wall--lg-spacing-x-15 {
    --spacing-x: 15px;
  }
  .wall.wall--lg-spacing-y-15 {
    --spacing-y: 15px;
  }
  .wall.wall--lg-spacing-16 {
    --spacing: 16px;
  }
  .wall.wall--lg-spacing-x-16 {
    --spacing-x: 16px;
  }
  .wall.wall--lg-spacing-y-16 {
    --spacing-y: 16px;
  }
  .wall.wall--lg-spacing-20 {
    --spacing: 20px;
  }
  .wall.wall--lg-spacing-x-20 {
    --spacing-x: 20px;
  }
  .wall.wall--lg-spacing-y-20 {
    --spacing-y: 20px;
  }
  .wall.wall--lg-spacing-24 {
    --spacing: 24px;
  }
  .wall.wall--lg-spacing-x-24 {
    --spacing-x: 24px;
  }
  .wall.wall--lg-spacing-y-24 {
    --spacing-y: 24px;
  }
  .wall.wall--lg-spacing-25 {
    --spacing: 25px;
  }
  .wall.wall--lg-spacing-x-25 {
    --spacing-x: 25px;
  }
  .wall.wall--lg-spacing-y-25 {
    --spacing-y: 25px;
  }
  .wall.wall--lg-spacing-30 {
    --spacing: 30px;
  }
  .wall.wall--lg-spacing-x-30 {
    --spacing-x: 30px;
  }
  .wall.wall--lg-spacing-y-30 {
    --spacing-y: 30px;
  }
  .wall.wall--lg-spacing-32 {
    --spacing: 32px;
  }
  .wall.wall--lg-spacing-x-32 {
    --spacing-x: 32px;
  }
  .wall.wall--lg-spacing-y-32 {
    --spacing-y: 32px;
  }
  .wall.wall--lg-spacing-40 {
    --spacing: 40px;
  }
  .wall.wall--lg-spacing-x-40 {
    --spacing-x: 40px;
  }
  .wall.wall--lg-spacing-y-40 {
    --spacing-y: 40px;
  }
  .wall.wall--lg-spacing-50 {
    --spacing: 50px;
  }
  .wall.wall--lg-spacing-x-50 {
    --spacing-x: 50px;
  }
  .wall.wall--lg-spacing-y-50 {
    --spacing-y: 50px;
  }
  .wall.wall--lg-spacing-60 {
    --spacing: 60px;
  }
  .wall.wall--lg-spacing-x-60 {
    --spacing-x: 60px;
  }
  .wall.wall--lg-spacing-y-60 {
    --spacing-y: 60px;
  }
  .wall.wall--lg-spacing-70 {
    --spacing: 70px;
  }
  .wall.wall--lg-spacing-x-70 {
    --spacing-x: 70px;
  }
  .wall.wall--lg-spacing-y-70 {
    --spacing-y: 70px;
  }
  .wall.wall--lg-spacing-80 {
    --spacing: 80px;
  }
  .wall.wall--lg-spacing-x-80 {
    --spacing-x: 80px;
  }
  .wall.wall--lg-spacing-y-80 {
    --spacing-y: 80px;
  }
  .wall.wall--lg-spacing-90 {
    --spacing: 90px;
  }
  .wall.wall--lg-spacing-x-90 {
    --spacing-x: 90px;
  }
  .wall.wall--lg-spacing-y-90 {
    --spacing-y: 90px;
  }
  .wall.wall--lg-spacing-100 {
    --spacing: 100px;
  }
  .wall.wall--lg-spacing-x-100 {
    --spacing-x: 100px;
  }
  .wall.wall--lg-spacing-y-100 {
    --spacing-y: 100px;
  }
  .wall.wall--lg-ratio-1-1 {
    --ratio: 1 / 1;
  }
  .wall.wall--lg-ratio-2-1 {
    --ratio: 2 / 1;
  }
  .wall.wall--lg-ratio-1-2 {
    --ratio: 1 / 2;
  }
  .wall.wall--lg-ratio-3-1 {
    --ratio: 3 / 1;
  }
  .wall.wall--lg-ratio-1-3 {
    --ratio: 1 / 3;
  }
  .wall.wall--lg-ratio-3-2 {
    --ratio: 3 / 2;
  }
  .wall.wall--lg-ratio-2-3 {
    --ratio: 2 / 3;
  }
  .wall.wall--lg-ratio-4-3 {
    --ratio: 4 / 3;
  }
  .wall.wall--lg-ratio-3-4 {
    --ratio: 3 / 4;
  }
  .wall.wall--lg-ratio-16-9 {
    --ratio: 16 / 9;
  }
  .wall.wall--lg-rounded-0 {
    --rounded: 0px;
  }
  .wall.wall--lg-rounded-2 {
    --rounded: 2px;
  }
  .wall.wall--lg-rounded-3 {
    --rounded: 3px;
  }
  .wall.wall--lg-rounded-4 {
    --rounded: 4px;
  }
  .wall.wall--lg-rounded-5 {
    --rounded: 5px;
  }
  .wall.wall--lg-rounded-6 {
    --rounded: 6px;
  }
  .wall.wall--lg-rounded-8 {
    --rounded: 8px;
  }
  .wall.wall--lg-rounded-10 {
    --rounded: 10px;
  }
  .wall.wall--lg-rounded-12 {
    --rounded: 12px;
  }
  .wall.wall--lg-rounded-15 {
    --rounded: 15px;
  }
  .wall.wall--lg-rounded-20 {
    --rounded: 20px;
  }
  .wall.wall--lg-rounded-24 {
    --rounded: 24px;
  }
  .wall.wall--lg-rounded-30 {
    --rounded: 30px;
  }
  .wall.wall--lg-rounded {
    --rounded: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .wall.wall--xl-cols-1 {
    --columns: 1;
  }
  .wall.wall--xl-cols-2 {
    --columns: 2;
  }
  .wall.wall--xl-cols-3 {
    --columns: 3;
  }
  .wall.wall--xl-cols-4 {
    --columns: 4;
  }
  .wall.wall--xl-cols-5 {
    --columns: 5;
  }
  .wall.wall--xl-cols-6 {
    --columns: 6;
  }
  .wall.wall--xl-cols-7 {
    --columns: 7;
  }
  .wall.wall--xl-cols-8 {
    --columns: 8;
  }
  .wall.wall--xl-cols-9 {
    --columns: 9;
  }
  .wall.wall--xl-cols-10 {
    --columns: 10;
  }
  .wall.wall--xl-cols-11 {
    --columns: 11;
  }
  .wall.wall--xl-cols-12 {
    --columns: 12;
  }
  .wall.wall--xl-spacing-0 {
    --spacing: 0px;
  }
  .wall.wall--xl-spacing-x-0 {
    --spacing-x: 0px;
  }
  .wall.wall--xl-spacing-y-0 {
    --spacing-y: 0px;
  }
  .wall.wall--xl-spacing-1 {
    --spacing: 1px;
  }
  .wall.wall--xl-spacing-x-1 {
    --spacing-x: 1px;
  }
  .wall.wall--xl-spacing-y-1 {
    --spacing-y: 1px;
  }
  .wall.wall--xl-spacing-2 {
    --spacing: 2px;
  }
  .wall.wall--xl-spacing-x-2 {
    --spacing-x: 2px;
  }
  .wall.wall--xl-spacing-y-2 {
    --spacing-y: 2px;
  }
  .wall.wall--xl-spacing-3 {
    --spacing: 3px;
  }
  .wall.wall--xl-spacing-x-3 {
    --spacing-x: 3px;
  }
  .wall.wall--xl-spacing-y-3 {
    --spacing-y: 3px;
  }
  .wall.wall--xl-spacing-4 {
    --spacing: 4px;
  }
  .wall.wall--xl-spacing-x-4 {
    --spacing-x: 4px;
  }
  .wall.wall--xl-spacing-y-4 {
    --spacing-y: 4px;
  }
  .wall.wall--xl-spacing-5 {
    --spacing: 5px;
  }
  .wall.wall--xl-spacing-x-5 {
    --spacing-x: 5px;
  }
  .wall.wall--xl-spacing-y-5 {
    --spacing-y: 5px;
  }
  .wall.wall--xl-spacing-8 {
    --spacing: 8px;
  }
  .wall.wall--xl-spacing-x-8 {
    --spacing-x: 8px;
  }
  .wall.wall--xl-spacing-y-8 {
    --spacing-y: 8px;
  }
  .wall.wall--xl-spacing-10 {
    --spacing: 10px;
  }
  .wall.wall--xl-spacing-x-10 {
    --spacing-x: 10px;
  }
  .wall.wall--xl-spacing-y-10 {
    --spacing-y: 10px;
  }
  .wall.wall--xl-spacing-12 {
    --spacing: 12px;
  }
  .wall.wall--xl-spacing-x-12 {
    --spacing-x: 12px;
  }
  .wall.wall--xl-spacing-y-12 {
    --spacing-y: 12px;
  }
  .wall.wall--xl-spacing-15 {
    --spacing: 15px;
  }
  .wall.wall--xl-spacing-x-15 {
    --spacing-x: 15px;
  }
  .wall.wall--xl-spacing-y-15 {
    --spacing-y: 15px;
  }
  .wall.wall--xl-spacing-16 {
    --spacing: 16px;
  }
  .wall.wall--xl-spacing-x-16 {
    --spacing-x: 16px;
  }
  .wall.wall--xl-spacing-y-16 {
    --spacing-y: 16px;
  }
  .wall.wall--xl-spacing-20 {
    --spacing: 20px;
  }
  .wall.wall--xl-spacing-x-20 {
    --spacing-x: 20px;
  }
  .wall.wall--xl-spacing-y-20 {
    --spacing-y: 20px;
  }
  .wall.wall--xl-spacing-24 {
    --spacing: 24px;
  }
  .wall.wall--xl-spacing-x-24 {
    --spacing-x: 24px;
  }
  .wall.wall--xl-spacing-y-24 {
    --spacing-y: 24px;
  }
  .wall.wall--xl-spacing-25 {
    --spacing: 25px;
  }
  .wall.wall--xl-spacing-x-25 {
    --spacing-x: 25px;
  }
  .wall.wall--xl-spacing-y-25 {
    --spacing-y: 25px;
  }
  .wall.wall--xl-spacing-30 {
    --spacing: 30px;
  }
  .wall.wall--xl-spacing-x-30 {
    --spacing-x: 30px;
  }
  .wall.wall--xl-spacing-y-30 {
    --spacing-y: 30px;
  }
  .wall.wall--xl-spacing-32 {
    --spacing: 32px;
  }
  .wall.wall--xl-spacing-x-32 {
    --spacing-x: 32px;
  }
  .wall.wall--xl-spacing-y-32 {
    --spacing-y: 32px;
  }
  .wall.wall--xl-spacing-40 {
    --spacing: 40px;
  }
  .wall.wall--xl-spacing-x-40 {
    --spacing-x: 40px;
  }
  .wall.wall--xl-spacing-y-40 {
    --spacing-y: 40px;
  }
  .wall.wall--xl-spacing-50 {
    --spacing: 50px;
  }
  .wall.wall--xl-spacing-x-50 {
    --spacing-x: 50px;
  }
  .wall.wall--xl-spacing-y-50 {
    --spacing-y: 50px;
  }
  .wall.wall--xl-spacing-60 {
    --spacing: 60px;
  }
  .wall.wall--xl-spacing-x-60 {
    --spacing-x: 60px;
  }
  .wall.wall--xl-spacing-y-60 {
    --spacing-y: 60px;
  }
  .wall.wall--xl-spacing-70 {
    --spacing: 70px;
  }
  .wall.wall--xl-spacing-x-70 {
    --spacing-x: 70px;
  }
  .wall.wall--xl-spacing-y-70 {
    --spacing-y: 70px;
  }
  .wall.wall--xl-spacing-80 {
    --spacing: 80px;
  }
  .wall.wall--xl-spacing-x-80 {
    --spacing-x: 80px;
  }
  .wall.wall--xl-spacing-y-80 {
    --spacing-y: 80px;
  }
  .wall.wall--xl-spacing-90 {
    --spacing: 90px;
  }
  .wall.wall--xl-spacing-x-90 {
    --spacing-x: 90px;
  }
  .wall.wall--xl-spacing-y-90 {
    --spacing-y: 90px;
  }
  .wall.wall--xl-spacing-100 {
    --spacing: 100px;
  }
  .wall.wall--xl-spacing-x-100 {
    --spacing-x: 100px;
  }
  .wall.wall--xl-spacing-y-100 {
    --spacing-y: 100px;
  }
  .wall.wall--xl-ratio-1-1 {
    --ratio: 1 / 1;
  }
  .wall.wall--xl-ratio-2-1 {
    --ratio: 2 / 1;
  }
  .wall.wall--xl-ratio-1-2 {
    --ratio: 1 / 2;
  }
  .wall.wall--xl-ratio-3-1 {
    --ratio: 3 / 1;
  }
  .wall.wall--xl-ratio-1-3 {
    --ratio: 1 / 3;
  }
  .wall.wall--xl-ratio-3-2 {
    --ratio: 3 / 2;
  }
  .wall.wall--xl-ratio-2-3 {
    --ratio: 2 / 3;
  }
  .wall.wall--xl-ratio-4-3 {
    --ratio: 4 / 3;
  }
  .wall.wall--xl-ratio-3-4 {
    --ratio: 3 / 4;
  }
  .wall.wall--xl-ratio-16-9 {
    --ratio: 16 / 9;
  }
  .wall.wall--xl-rounded-0 {
    --rounded: 0px;
  }
  .wall.wall--xl-rounded-2 {
    --rounded: 2px;
  }
  .wall.wall--xl-rounded-3 {
    --rounded: 3px;
  }
  .wall.wall--xl-rounded-4 {
    --rounded: 4px;
  }
  .wall.wall--xl-rounded-5 {
    --rounded: 5px;
  }
  .wall.wall--xl-rounded-6 {
    --rounded: 6px;
  }
  .wall.wall--xl-rounded-8 {
    --rounded: 8px;
  }
  .wall.wall--xl-rounded-10 {
    --rounded: 10px;
  }
  .wall.wall--xl-rounded-12 {
    --rounded: 12px;
  }
  .wall.wall--xl-rounded-15 {
    --rounded: 15px;
  }
  .wall.wall--xl-rounded-20 {
    --rounded: 20px;
  }
  .wall.wall--xl-rounded-24 {
    --rounded: 24px;
  }
  .wall.wall--xl-rounded-30 {
    --rounded: 30px;
  }
  .wall.wall--xl-rounded {
    --rounded: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .wall.wall--xxl-cols-1 {
    --columns: 1;
  }
  .wall.wall--xxl-cols-2 {
    --columns: 2;
  }
  .wall.wall--xxl-cols-3 {
    --columns: 3;
  }
  .wall.wall--xxl-cols-4 {
    --columns: 4;
  }
  .wall.wall--xxl-cols-5 {
    --columns: 5;
  }
  .wall.wall--xxl-cols-6 {
    --columns: 6;
  }
  .wall.wall--xxl-cols-7 {
    --columns: 7;
  }
  .wall.wall--xxl-cols-8 {
    --columns: 8;
  }
  .wall.wall--xxl-cols-9 {
    --columns: 9;
  }
  .wall.wall--xxl-cols-10 {
    --columns: 10;
  }
  .wall.wall--xxl-cols-11 {
    --columns: 11;
  }
  .wall.wall--xxl-cols-12 {
    --columns: 12;
  }
  .wall.wall--xxl-spacing-0 {
    --spacing: 0px;
  }
  .wall.wall--xxl-spacing-x-0 {
    --spacing-x: 0px;
  }
  .wall.wall--xxl-spacing-y-0 {
    --spacing-y: 0px;
  }
  .wall.wall--xxl-spacing-1 {
    --spacing: 1px;
  }
  .wall.wall--xxl-spacing-x-1 {
    --spacing-x: 1px;
  }
  .wall.wall--xxl-spacing-y-1 {
    --spacing-y: 1px;
  }
  .wall.wall--xxl-spacing-2 {
    --spacing: 2px;
  }
  .wall.wall--xxl-spacing-x-2 {
    --spacing-x: 2px;
  }
  .wall.wall--xxl-spacing-y-2 {
    --spacing-y: 2px;
  }
  .wall.wall--xxl-spacing-3 {
    --spacing: 3px;
  }
  .wall.wall--xxl-spacing-x-3 {
    --spacing-x: 3px;
  }
  .wall.wall--xxl-spacing-y-3 {
    --spacing-y: 3px;
  }
  .wall.wall--xxl-spacing-4 {
    --spacing: 4px;
  }
  .wall.wall--xxl-spacing-x-4 {
    --spacing-x: 4px;
  }
  .wall.wall--xxl-spacing-y-4 {
    --spacing-y: 4px;
  }
  .wall.wall--xxl-spacing-5 {
    --spacing: 5px;
  }
  .wall.wall--xxl-spacing-x-5 {
    --spacing-x: 5px;
  }
  .wall.wall--xxl-spacing-y-5 {
    --spacing-y: 5px;
  }
  .wall.wall--xxl-spacing-8 {
    --spacing: 8px;
  }
  .wall.wall--xxl-spacing-x-8 {
    --spacing-x: 8px;
  }
  .wall.wall--xxl-spacing-y-8 {
    --spacing-y: 8px;
  }
  .wall.wall--xxl-spacing-10 {
    --spacing: 10px;
  }
  .wall.wall--xxl-spacing-x-10 {
    --spacing-x: 10px;
  }
  .wall.wall--xxl-spacing-y-10 {
    --spacing-y: 10px;
  }
  .wall.wall--xxl-spacing-12 {
    --spacing: 12px;
  }
  .wall.wall--xxl-spacing-x-12 {
    --spacing-x: 12px;
  }
  .wall.wall--xxl-spacing-y-12 {
    --spacing-y: 12px;
  }
  .wall.wall--xxl-spacing-15 {
    --spacing: 15px;
  }
  .wall.wall--xxl-spacing-x-15 {
    --spacing-x: 15px;
  }
  .wall.wall--xxl-spacing-y-15 {
    --spacing-y: 15px;
  }
  .wall.wall--xxl-spacing-16 {
    --spacing: 16px;
  }
  .wall.wall--xxl-spacing-x-16 {
    --spacing-x: 16px;
  }
  .wall.wall--xxl-spacing-y-16 {
    --spacing-y: 16px;
  }
  .wall.wall--xxl-spacing-20 {
    --spacing: 20px;
  }
  .wall.wall--xxl-spacing-x-20 {
    --spacing-x: 20px;
  }
  .wall.wall--xxl-spacing-y-20 {
    --spacing-y: 20px;
  }
  .wall.wall--xxl-spacing-24 {
    --spacing: 24px;
  }
  .wall.wall--xxl-spacing-x-24 {
    --spacing-x: 24px;
  }
  .wall.wall--xxl-spacing-y-24 {
    --spacing-y: 24px;
  }
  .wall.wall--xxl-spacing-25 {
    --spacing: 25px;
  }
  .wall.wall--xxl-spacing-x-25 {
    --spacing-x: 25px;
  }
  .wall.wall--xxl-spacing-y-25 {
    --spacing-y: 25px;
  }
  .wall.wall--xxl-spacing-30 {
    --spacing: 30px;
  }
  .wall.wall--xxl-spacing-x-30 {
    --spacing-x: 30px;
  }
  .wall.wall--xxl-spacing-y-30 {
    --spacing-y: 30px;
  }
  .wall.wall--xxl-spacing-32 {
    --spacing: 32px;
  }
  .wall.wall--xxl-spacing-x-32 {
    --spacing-x: 32px;
  }
  .wall.wall--xxl-spacing-y-32 {
    --spacing-y: 32px;
  }
  .wall.wall--xxl-spacing-40 {
    --spacing: 40px;
  }
  .wall.wall--xxl-spacing-x-40 {
    --spacing-x: 40px;
  }
  .wall.wall--xxl-spacing-y-40 {
    --spacing-y: 40px;
  }
  .wall.wall--xxl-spacing-50 {
    --spacing: 50px;
  }
  .wall.wall--xxl-spacing-x-50 {
    --spacing-x: 50px;
  }
  .wall.wall--xxl-spacing-y-50 {
    --spacing-y: 50px;
  }
  .wall.wall--xxl-spacing-60 {
    --spacing: 60px;
  }
  .wall.wall--xxl-spacing-x-60 {
    --spacing-x: 60px;
  }
  .wall.wall--xxl-spacing-y-60 {
    --spacing-y: 60px;
  }
  .wall.wall--xxl-spacing-70 {
    --spacing: 70px;
  }
  .wall.wall--xxl-spacing-x-70 {
    --spacing-x: 70px;
  }
  .wall.wall--xxl-spacing-y-70 {
    --spacing-y: 70px;
  }
  .wall.wall--xxl-spacing-80 {
    --spacing: 80px;
  }
  .wall.wall--xxl-spacing-x-80 {
    --spacing-x: 80px;
  }
  .wall.wall--xxl-spacing-y-80 {
    --spacing-y: 80px;
  }
  .wall.wall--xxl-spacing-90 {
    --spacing: 90px;
  }
  .wall.wall--xxl-spacing-x-90 {
    --spacing-x: 90px;
  }
  .wall.wall--xxl-spacing-y-90 {
    --spacing-y: 90px;
  }
  .wall.wall--xxl-spacing-100 {
    --spacing: 100px;
  }
  .wall.wall--xxl-spacing-x-100 {
    --spacing-x: 100px;
  }
  .wall.wall--xxl-spacing-y-100 {
    --spacing-y: 100px;
  }
  .wall.wall--xxl-ratio-1-1 {
    --ratio: 1 / 1;
  }
  .wall.wall--xxl-ratio-2-1 {
    --ratio: 2 / 1;
  }
  .wall.wall--xxl-ratio-1-2 {
    --ratio: 1 / 2;
  }
  .wall.wall--xxl-ratio-3-1 {
    --ratio: 3 / 1;
  }
  .wall.wall--xxl-ratio-1-3 {
    --ratio: 1 / 3;
  }
  .wall.wall--xxl-ratio-3-2 {
    --ratio: 3 / 2;
  }
  .wall.wall--xxl-ratio-2-3 {
    --ratio: 2 / 3;
  }
  .wall.wall--xxl-ratio-4-3 {
    --ratio: 4 / 3;
  }
  .wall.wall--xxl-ratio-3-4 {
    --ratio: 3 / 4;
  }
  .wall.wall--xxl-ratio-16-9 {
    --ratio: 16 / 9;
  }
  .wall.wall--xxl-rounded-0 {
    --rounded: 0px;
  }
  .wall.wall--xxl-rounded-2 {
    --rounded: 2px;
  }
  .wall.wall--xxl-rounded-3 {
    --rounded: 3px;
  }
  .wall.wall--xxl-rounded-4 {
    --rounded: 4px;
  }
  .wall.wall--xxl-rounded-5 {
    --rounded: 5px;
  }
  .wall.wall--xxl-rounded-6 {
    --rounded: 6px;
  }
  .wall.wall--xxl-rounded-8 {
    --rounded: 8px;
  }
  .wall.wall--xxl-rounded-10 {
    --rounded: 10px;
  }
  .wall.wall--xxl-rounded-12 {
    --rounded: 12px;
  }
  .wall.wall--xxl-rounded-15 {
    --rounded: 15px;
  }
  .wall.wall--xxl-rounded-20 {
    --rounded: 20px;
  }
  .wall.wall--xxl-rounded-24 {
    --rounded: 24px;
  }
  .wall.wall--xxl-rounded-30 {
    --rounded: 30px;
  }
  .wall.wall--xxl-rounded {
    --rounded: 100%;
  }
}