/* 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/max-width/default/css/default.css */
@layer sf.utilities {
  .max-w-full {
    max-width: 100%;
  }
  .max-w-screen {
    max-width: 100vw;
  }
  .max-w-min {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }
  .max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .max-w-fit {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-0 {
    max-width: 0;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: 32rem;
  }
  .max-w-md {
    max-width: 44rem;
  }
  .max-w-lg {
    max-width: 60rem;
  }
  .max-w-xl {
    max-width: 72rem;
  }
  .max-w-xxl {
    max-width: 80rem;
  }
}