/* 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/sm/css/sm.css */
@layer sf.utilities {
  @media (min-width: 32rem) {
    .sm\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .sm\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sm\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .sm\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .sm\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .sm\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .sm\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .sm\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .sm\:grid-col-none {
      grid-template-columns: none;
    }
    .sm\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
  }
}

/* docara-shell-source: runtime/utility/place-items/default/css/default.css */
@layer sf.utilities {
  .items-start {
    align-items: start;
    justify-items: start;
    place-items: start;
  }
  .items-end {
    align-items: end;
    justify-items: end;
    place-items: end;
  }
  .items-center {
    align-items: center;
    justify-items: center;
    place-items: center;
  }
  .items-stretch {
    align-items: stretch;
    justify-items: stretch;
    place-items: stretch;
  }
}

/* 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/text-color/focus/css/focus.css */
@layer sf.utilities {
  .focus\:color-transparent:focus {
    color: var(--sf-transparent);
  }
  .focus\:color-current:focus {
    color: var(--sf-current);
  }
  .focus\:color-inherit:focus {
    color: var(--sf-inherit);
  }
  .focus\:color-on-surface:focus {
    color: var(--sf-on-surface);
  }
  .focus\:color-on-surface-fixed:focus {
    color: var(--sf-on-surface-fixed);
  }
  .focus\:color-on-surface-variant:focus {
    color: var(--sf-on-surface-variant);
  }
  .focus\:color-on-surface-inverse:focus {
    color: var(--sf-on-surface-inverse);
  }
  .focus\:color-on-surface-inverse-fixed:focus {
    color: var(--sf-on-surface-inverse-fixed);
  }
  .focus\:color-disable:focus {
    color: var(--sf-disable);
  }
  .focus\:color-on-disable:focus {
    color: var(--sf-on-disable);
  }
  .focus\:color-primary:focus {
    color: var(--sf-primary);
  }
  .focus\:color-on-primary:focus {
    color: var(--sf-on-primary);
  }
  .focus\:color-on-primary-container:focus {
    color: var(--sf-on-primary-container);
  }
  .focus\:color-on-primary-container-graphic:focus {
    color: var(--sf-on-primary-container-graphic);
  }
  .focus\:color-secondary:focus {
    color: var(--sf-secondary);
  }
  .focus\:color-on-secondary:focus {
    color: var(--sf-on-secondary);
  }
  .focus\:color-on-secondary-container:focus {
    color: var(--sf-on-secondary-container);
  }
  .focus\:color-on-secondary-container-graphic:focus {
    color: var(--sf-on-secondary-container-graphic);
  }
  .focus\:color-tertiary:focus {
    color: var(--sf-tertiary);
  }
  .focus\:color-on-tertiary:focus {
    color: var(--sf-on-tertiary);
  }
  .focus\:color-on-tertiary-container:focus {
    color: var(--sf-on-tertiary-container);
  }
  .focus\:color-on-tertiary-container-graphic:focus {
    color: var(--sf-on-tertiary-container-graphic);
  }
  .focus\:color-error:focus {
    color: var(--sf-error);
  }
  .focus\:color-on-error:focus {
    color: var(--sf-on-error);
  }
  .focus\:color-on-error-container:focus {
    color: var(--sf-on-error-container);
  }
  .focus\:color-on-error-container-graphic:focus {
    color: var(--sf-on-error-container-graphic);
  }
  .focus\:color-warning:focus {
    color: var(--sf-warning);
  }
  .focus\:color-on-warning:focus {
    color: var(--sf-on-warning);
  }
  .focus\:color-on-warning-container:focus {
    color: var(--sf-on-warning-container);
  }
  .focus\:color-on-warning-container-graphic:focus {
    color: var(--sf-on-warning-container-graphic);
  }
  .focus\:color-success:focus {
    color: var(--sf-success);
  }
  .focus\:color-on-success:focus {
    color: var(--sf-on-success);
  }
  .focus\:color-on-success-container:focus {
    color: var(--sf-on-success-container);
  }
  .focus\:color-on-success-container-graphic:focus {
    color: var(--sf-on-success-container-graphic);
  }
  .focus\:color-transparent:focus {
    color: var(--sf-transparent);
  }
  .focus\:color-inherit:focus {
    color: var(--sf-inherit);
  }
}

/* docara-shell-source: runtime/utility/text-color/hover/css/hover.css */
@layer sf.utilities {
  .hover\:color-transparent:hover {
    color: var(--sf-transparent);
  }
  .hover\:color-on-surface:hover {
    color: var(--sf-on-surface);
  }
  .hover\:color-on-surface-fixed:hover {
    color: var(--sf-on-surface-fixed);
  }
  .hover\:color-on-surface-variant:hover {
    color: var(--sf-on-surface-variant);
  }
  .hover\:color-on-surface-inverse:hover {
    color: var(--sf-on-surface-inverse);
  }
  .hover\:color-on-surface-inverse-fixed:hover {
    color: var(--sf-on-surface-inverse-fixed);
  }
  .hover\:color-on-disable:hover {
    color: var(--sf-on-disable);
  }
  .hover\:color-primary:hover {
    color: var(--sf-primary);
  }
  .hover\:color-on-primary:hover {
    color: var(--sf-on-primary);
  }
  .hover\:color-on-primary-container:hover {
    color: var(--sf-on-primary-container);
  }
  .hover\:color-on-primary-container-graphic:hover {
    color: var(--sf-on-primary-container-graphic);
  }
  .hover\:color-secondary:hover {
    color: var(--sf-secondary);
  }
  .hover\:color-on-secondary:hover {
    color: var(--sf-on-secondary);
  }
  .hover\:color-on-secondary-container:hover {
    color: var(--sf-on-secondary-container);
  }
  .hover\:color-on-secondary-container-graphic:hover {
    color: var(--sf-on-secondary-container-graphic);
  }
  .hover\:color-tertiary:hover {
    color: var(--sf-tertiary);
  }
  .hover\:color-on-tertiary:hover {
    color: var(--sf-on-tertiary);
  }
  .hover\:color-on-tertiary-container:hover {
    color: var(--sf-on-tertiary-container);
  }
  .hover\:color-on-tertiary-container-graphic:hover {
    color: var(--sf-on-tertiary-container-graphic);
  }
  .hover\:color-error:hover {
    color: var(--sf-error);
  }
  .hover\:color-on-error:hover {
    color: var(--sf-on-error);
  }
  .hover\:color-on-error-container:hover {
    color: var(--sf-on-error-container);
  }
  .hover\:color-on-error-container-graphic:hover {
    color: var(--sf-on-error-container-graphic);
  }
  .hover\:color-warning:hover {
    color: var(--sf-warning);
  }
  .hover\:color-on-warning:hover {
    color: var(--sf-on-warning);
  }
  .hover\:color-on-warning-container:hover {
    color: var(--sf-on-warning-container);
  }
  .hover\:color-on-warning-container-graphic:hover {
    color: var(--sf-on-warning-container-graphic);
  }
  .hover\:color-success:hover {
    color: var(--sf-success);
  }
  .hover\:color-on-success:hover {
    color: var(--sf-on-success);
  }
  .hover\:color-on-success-container:hover {
    color: var(--sf-on-success-container);
  }
  .hover\:color-on-success-container-graphic:hover {
    color: var(--sf-on-success-container-graphic);
  }
}