/* This is an auto-generated file. Please do not edit this file. */
@media only screen and (width <= 671px) {
  :root {
    --col-gutter: 16px;
    --col-number: 4;
    --row-gutter: 40px;
    --side-margin: 24px;
  }
}

@media only screen and (width >= 672px) and (width <= 1055px) {
  :root {
    --col-gutter: 24px;
    --col-number: 4;
    --row-gutter: 96px;
    --side-margin: 48px;
  }
}

@media only screen and (width >= 1056px) and (width <= 1599px) {
  :root {
    --col-gutter: 24px;
    --col-number: 12;
    --row-gutter: 40px;
    --side-margin: 64px;
  }
}

@media only screen and (width >= 1600px) {
  :root {
    --col-gutter: 24px;
    --col-number: 12;
    --row-gutter: 40px;
    --side-margin: max(calc((100% - var(--page-max-content-width)) / 2), 140px);
  }
}