/* stylelint-disable */
/* stylelint-enable */
@media (min-width: 768px) {
  .layout__cols {
    display: flex;
    flex-wrap: wrap;
    margin-inline: calc(var(--gap-hor) / -2);
  }
  .layout__cols--reversed {
    flex-direction: row-reverse;
  }
  .layout__content--2-col--left,
  .layout__content--2-col--right,
  .layout__sidebar--2-col--left,
  .layout__sidebar--2-col--right {
    margin-left: calc(var(--gap-hor) / 2);
    margin-right: calc(var(--gap-hor) / 2);
    flex: 0 0 auto;
    flex-basis: auto;
    width: calc(50% - var(--gap-hor));
    min-height: 0.0625rem;
  }
}
@media (min-width: 940px) {
  .layout__content--2-col--left,
  .layout__content--2-col--right {
    width: calc(100% * var(--grid-columns) / 8 - var(--gap-hor));
  }
  .layout__sidebar--2-col--left,
  .layout__sidebar--2-col--right {
    width: calc(100% * var(--grid-columns) / 4 - var(--gap-hor));
  }
}
@media (min-width: 1200px) {
  .layout__content--2-col--left,
  .layout__content--2-col--right {
    width: calc(100% * var(--grid-columns) / 9 - var(--gap-hor));
  }
  .layout__sidebar--2-col--left,
  .layout__sidebar--2-col--right {
    width: calc(100% * var(--grid-columns) / 3 - var(--gap-hor));
  }
}
@media (min-width: 768px) {
  .layout__content--3-col--center,
  .layout__sidebar--3-col--left,
  .layout__sidebar--3-col--right {
    flex: 0 0 auto;
    flex-basis: auto;
    margin-inline: calc(var(--gap-hor) / 2);
    min-height: 0.0625rem;
  }
  .layout__content--3-col--center {
    width: calc(50% - var(--gap-hor));
  }
  .layout__sidebar--3-col--left,
  .layout__sidebar--3-col--right {
    width: calc(100% * var(--grid-columns) / 3 - var(--gap-hor));
  }
}
@media (min-width: 940px) {
  .layout__sidebar--3-col--left,
  .layout__sidebar--3-col--right {
    width: calc(100% * var(--grid-columns) / 3 - var(--gap-hor));
  }
}
@media (min-width: 768px) {
  .layout__region--4-col--01,
  .layout__region--4-col--02,
  .layout__region--4-col--03,
  .layout__region--4-col--04 {
    flex: 0 0 auto;
    flex-basis: auto;
    margin-inline: calc(var(--gap-hor) / 2);
    min-height: 0.0625rem;
    width: calc(50% - var(--gap-hor));
  }
}
@media (min-width: 940px) {
  .layout__region--4-col--01,
  .layout__region--4-col--02,
  .layout__region--4-col--03,
  .layout__region--4-col--04 {
    width: calc(100% * var(--grid-columns) / 4 - var(--gap-hor));
  }
}