/* docara-shell-source: runtime/utility/grid-template-columns/default/css/default.css */
@layer sf.utilities {
  .grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-col-none {
    grid-template-columns: none;
  }
  .grid-col-subgrid {
    grid-template-columns: subgrid;
  }
}

/* docara-shell-source: runtime/utility/grid-template-columns/md/css/md.css */
@layer sf.utilities {
  @media (min-width: 44rem) {
    .md\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .md\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .md\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .md\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .md\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .md\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .md\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .md\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:grid-col-none {
      grid-template-columns: none;
    }
    .md\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
  }
}

/* docara-shell-source: runtime/utility/grid-template-columns/lg/css/lg.css */
@layer sf.utilities {
  @media (min-width: 60rem) {
    .lg\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .lg\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .lg\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .lg\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .lg\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .lg\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg\:grid-col-none {
      grid-template-columns: none;
    }
    .lg\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
  }
}