/* docara-shell-source: runtime/utility/list-style-type/default/css/default.css */
@layer sf.utilities {
  .list-none {
    list-style-type: none;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-decimal {
    list-style-type: decimal;
  }
}

/* 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/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;
    }
  }
}

/* docara-shell-source: runtime/utility/align-self/sm/css/sm.css */
@layer sf.utilities {
  @media (min-width: 32rem) {
    .sm\:self-cross-auto {
      align-self: auto;
    }
    .sm\:self-cross-start {
      align-self: start;
    }
    .sm\:self-cross-end {
      align-self: end;
    }
    .sm\:self-cross-center {
      align-self: center;
    }
    .sm\:self-cross-stretch {
      align-self: stretch;
    }
    .sm\:self-cross-baseline {
      align-self: baseline;
    }
  }
}

/* docara-shell-source: runtime/utility/width/sm/css/sm.css */
@layer sf.utilities {
  @media (min-width: 32rem) {
    .sm\:w-auto {
      width: auto;
    }
    .sm\:w-1\/1 {
      width: 100%;
    }
    .sm\:w-1\/2 {
      width: 50%;
    }
    .sm\:w-1\/3 {
      width: 33.333333%;
    }
    .sm\:w-2\/3 {
      width: 66.666667%;
    }
    .sm\:w-1\/4 {
      width: 25%;
    }
    .sm\:w-2\/4 {
      width: 50%;
    }
    .sm\:w-3\/4 {
      width: 75%;
    }
    .sm\:w-1\/5 {
      width: 20%;
    }
    .sm\:w-2\/5 {
      width: 40%;
    }
    .sm\:w-3\/5 {
      width: 60%;
    }
    .sm\:w-4\/5 {
      width: 80%;
    }
    .sm\:w-1\/6 {
      width: 16.666667%;
    }
    .sm\:w-2\/6 {
      width: 33.333333%;
    }
    .sm\:w-3\/6 {
      width: 50%;
    }
    .sm\:w-4\/6 {
      width: 66.666667%;
    }
    .sm\:w-5\/6 {
      width: 83.333333%;
    }
    .sm\:w-1\/12 {
      width: 8.333333%;
    }
    .sm\:w-2\/12 {
      width: 16.666667%;
    }
    .sm\:w-3\/12 {
      width: 25%;
    }
    .sm\:w-4\/12 {
      width: 33.333333%;
    }
    .sm\:w-5\/12 {
      width: 41.666667%;
    }
    .sm\:w-6\/12 {
      width: 50%;
    }
    .sm\:w-7\/12 {
      width: 58.333333%;
    }
    .sm\:w-8\/12 {
      width: 66.666667%;
    }
    .sm\:w-9\/12 {
      width: 75%;
    }
    .sm\:w-10\/12 {
      width: 83.333333%;
    }
    .sm\:w-11\/12 {
      width: 91.666667%;
    }
    .sm\:w-full {
      width: 100%;
    }
    .sm\:w-screen {
      width: 100vw;
    }
    .sm\:w-screen-small {
      width: var(--sf-viewport-width-small);
    }
    .sm\:w-screen-large {
      width: var(--sf-viewport-width-large);
    }
    .sm\:w-screen-dynamic {
      width: var(--sf-viewport-width-dynamic);
    }
    .sm\:w-min {
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content;
    }
    .sm\:w-max {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
    }
    .sm\:w-fit {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
    .sm\:w-px {
      width: 1px;
    }
    .sm\:w-0 {
      width: 0;
    }
  }
}

/* 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;
  }
}

