#body {
  width: 100%;
  max-width: calc((var(--max-drawing-size) * 1px));
  margin-left: auto;
  margin-right: auto;
}

*[class*="l-wrapper"] {
  margin-left: auto;
  margin-right: auto;
}

.l-wrapper--l {
  width: var(--wrap--l);
}

.l-wrapper--m {
  width: var(--wrap--m);
}

.l-wrapper--nest-960 {
  width: var(--wrap--nest-960);
}

.l-wrapper--nest-800 {
  width: var(--wrap--nest-800);
}

.l-wrapper--nest-700 {
  width: var(--wrap--nest-700);
}

.l-wrapper--horizontal {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: max-content;
}