/* https://www.postcss-mesh.org/ */
@mesh-grid {
  column-count: 12;
  compile: true;
  container-width: 100%;
  display-type: flex;
  gutter-on-outside: true;
  gutter: 0px;
  name: mila;
  query-condition: min-width;
  responsive-gutter: false;

  @mesh-viewport-sm {
    container-width: 540px;
    viewport: 0px;
    gutter: 8px;
  }

  @mesh-viewport-md {
    container-width: 738px;
    viewport: 768px;
    gutter: 32px;
  }

  @mesh-viewport-lg {
    container-width: 976px;
    viewport: 1024px;
    gutter: 48px;
  }

  @mesh-viewport-xl {
    container-width: 1232px;
    viewport: 1280px;
    gutter: 48px;
  }

  @mesh-viewport-xxl {
    container-width: 1632px;
    viewport: 1680px;
    gutter: 48px;
  }
}