/*
             SizeX
         Cell paddings:

            .MeshSq


            |---|
   $px2 <-  |   | -> $pX1
            |___|

*/
@media (min-width: 1024px) {
  .Mesh {
    display: grid; }
    .Mesh.inline {
      display: inline-grid; }
    .Mesh.Mesh2 {
      grid-template-columns: 1fr 1fr; }
      .Mesh.Mesh2.MeshSq > .mA {
        padding: 40px 20px 40px 40px; }
      .Mesh.Mesh2.MeshSq > .mB {
        padding: 40px 40px 40px 20px; }
      .Mesh.Mesh2.MeshRd > .mA {
        padding: 0px 20px 0px 40px; }
      .Mesh.Mesh2.MeshRd > .mB {
        padding: 0px 40px 0px 40px; }
      .Mesh.Mesh2.MeshFl > .mA {
        padding: 0px 20px 0px 0px; }
      .Mesh.Mesh2.MeshFl > .mB {
        padding: 0px 0px 0px 20px; } }
@media (max-width: 1023px) {
  .Mesh {
    display: grid; }
    .Mesh.inline {
      display: inline-grid; }
    .Mesh.Mesh2 {
      grid-template-columns: 1fr 1fr; }
      .Mesh.Mesh2.MeshSq > .mA {
        padding: 20px 10px 20px 20px; }
      .Mesh.Mesh2.MeshSq > .mB {
        padding: 20px 20px 20px 10px; }
      .Mesh.Mesh2.MeshRd > .mA {
        padding: 0px 10px 0px 20px; }
      .Mesh.Mesh2.MeshRd > .mB {
        padding: 0px 20px 0px 20px; }
      .Mesh.Mesh2.MeshFl > .mA {
        padding: 0px 10px 0px 0px; }
      .Mesh.Mesh2.MeshFl > .mB {
        padding: 0px 0px 0px 10px; } }
@media (max-width: 739px) {
  .Mesh {
    display: grid; }
    .Mesh.inline {
      display: inline-grid; }
    .Mesh.Mesh2 {
      grid-template-columns: 1fr 1fr; }
      .Mesh.Mesh2.MeshSq > .mA {
        padding: 20px 10px 20px 20px; }
      .Mesh.Mesh2.MeshSq > .mB {
        padding: 20px 20px 20px 10px; }
      .Mesh.Mesh2.MeshRd > .mA {
        padding: 0px 10px 0px 20px; }
      .Mesh.Mesh2.MeshRd > .mB {
        padding: 0px 20px 0px 20px; }
      .Mesh.Mesh2.MeshFl > .mA {
        padding: 0px 10px 0px 0px; }
      .Mesh.Mesh2.MeshFl > .mB {
        padding: 0px 0px 0px 10px; } }
@media (max-width: 539px) {
  .Mesh {
    display: grid; }
    .Mesh.inline {
      display: inline-grid; }
    .Mesh.Mesh2 {
      grid-template-columns: 1fr; }
      .Mesh.Mesh2.MeshSq > .mA {
        padding: 10px 10px 10px 10px; }
      .Mesh.Mesh2.MeshSq > .mB {
        padding: 10px 10px 10px 10px; }
      .Mesh.Mesh2.MeshRd > .mA {
        padding: 0px 10px 0px 10px; }
      .Mesh.Mesh2.MeshRd > .mB {
        padding: 0px 10px 0px 10px; }
      .Mesh.Mesh2.MeshFl > .mA {
        padding: 0px 0px 0px 0px; }
      .Mesh.Mesh2.MeshFl > .mB {
        padding: 0px 0px 0px 0px; } }
@media (max-width: 359px) {
  .Mesh {
    display: grid; }
    .Mesh.inline {
      display: inline-grid; }
    .Mesh.Mesh2 {
      grid-template-columns: 1fr; }
      .Mesh.Mesh2.MeshSq > .mA {
        padding: 2px 2px 2px 2px; }
      .Mesh.Mesh2.MeshSq > .mB {
        padding: 2px 2px 2px 2px; }
      .Mesh.Mesh2.MeshRd > .mA {
        padding: 0px 2px 0px 2px; }
      .Mesh.Mesh2.MeshRd > .mB {
        padding: 0px 2px 0px 2px; }
      .Mesh.Mesh2.MeshFl > .mA {
        padding: 0px 0px 0px 0px; }
      .Mesh.Mesh2.MeshFl > .mB {
        padding: 0px 0px 0px 0px; } }

/*# sourceMappingURL=mesh.css.map */