/* 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/fill/default/css/default.css */
@layer sf.utilities {
  .fill-transparent {
    fill: var(--sf-transparent);
  }
  .fill-current {
    fill: var(--sf-current);
  }
  .fill-surface-0 {
    fill: var(--sf-surface-0);
  }
  .fill-surface-1 {
    fill: var(--sf-surface-1);
  }
  .fill-surface-2 {
    fill: var(--sf-surface-2);
  }
  .fill-surface-3 {
    fill: var(--sf-surface-3);
  }
  .fill-surface-4 {
    fill: var(--sf-surface-4);
  }
  .fill-surface {
    fill: var(--sf-surface-1);
  }
  .fill-surface-inverse {
    fill: var(--sf-surface-inverse);
  }
  .fill-surface-inverse-fixed {
    fill: var(--sf-surface-inverse-fixed);
  }
  .fill-surface-container {
    fill: var(--sf-surface-container);
  }
  .fill-on-surface {
    fill: var(--sf-on-surface);
  }
  .fill-on-surface-variant {
    fill: var(--sf-on-surface-variant);
  }
  .fill-surface-transparent-select {
    fill: var(--sf-surface-transparent-select);
  }
  .fill-surface-transparent-overlay {
    fill: var(--sf-surface-transparent-overlay);
  }
  .fill-disable {
    fill: var(--sf-disable);
  }
  .fill-primary {
    fill: var(--sf-primary);
  }
  .fill-primary-container {
    fill: var(--sf-primary-container);
  }
  .fill-primary-transparent-select {
    fill: var(--sf-primary-transparent-select);
  }
  .fill-primary-transparent-overlay {
    fill: var(--sf-primary-transparent-overlay);
  }
  .fill-secondary {
    fill: var(--sf-secondary);
  }
  .fill-secondary-container {
    fill: var(--sf-secondary-container);
  }
  .fill-secondary-transparent-select {
    fill: var(--sf-secondary-transparent-select);
  }
  .fill-secondary-transparent-overlay {
    fill: var(--sf-secondary-transparent-overlay);
  }
  .fill-tertiary {
    fill: var(--sf-tertiary);
  }
  .fill-tertiary-container {
    fill: var(--sf-tertiary-container);
  }
  .fill-tertiary-transparent-select {
    fill: var(--sf-tertiary-transparent-select);
  }
  .fill-tertiary-transparent-overlay {
    fill: var(--sf-tertiary-transparent-overlay);
  }
  .fill-error {
    fill: var(--sf-error);
  }
  .fill-error-container {
    fill: var(--sf-error-container);
  }
  .fill-error-transparent-select {
    fill: var(--sf-error-transparent-select);
  }
  .fill-error-transparent-overlay {
    fill: var(--sf-error-transparent-overlay);
  }
  .fill-warning {
    fill: var(--sf-warning);
  }
  .fill-warning-container {
    fill: var(--sf-warning-container);
  }
  .fill-warning-transparent-select {
    fill: var(--sf-warning-transparent-select);
  }
  .fill-warning-transparent-overlay {
    fill: var(--sf-warning-transparent-overlay);
  }
  .fill-success {
    fill: var(--sf-success);
  }
  .fill-success-container {
    fill: var(--sf-success-container);
  }
  .fill-success-transparent-select {
    fill: var(--sf-success-transparent-select);
  }
  .fill-success-transparent-overlay {
    fill: var(--sf-success-transparent-overlay);
  }
  .hover\:fill-surface-container:hover {
    fill: var(--sf-surface-container-hover);
  }
  .hover\:fill-on-surface:hover {
    fill: var(--sf-on-surface-hover);
  }
  .hover\:fill-surface-transparent:hover {
    fill: var(--sf-surface-transparent-hover);
  }
  .hover\:fill-primary:hover {
    fill: var(--sf-primary-hover);
  }
  .hover\:fill-primary-container:hover {
    fill: var(--sf-primary-container-hover);
  }
  .hover\:fill-primary-transparent:hover {
    fill: var(--sf-primary-transparent-hover);
  }
  .hover\:fill-secondary:hover {
    fill: var(--sf-secondary-hover);
  }
  .hover\:fill-secondary-container:hover {
    fill: var(--sf-secondary-container-hover);
  }
  .hover\:fill-secondary-transparent:hover {
    fill: var(--sf-secondary-transparent-hover);
  }
  .hover\:fill-tertiary:hover {
    fill: var(--sf-tertiary-hover);
  }
  .hover\:fill-tertiary-container:hover {
    fill: var(--sf-tertiary-container-hover);
  }
  .hover\:fill-tertiary-transparent:hover {
    fill: var(--sf-tertiary-transparent-hover);
  }
  .hover\:fill-error:hover {
    fill: var(--sf-error-hover);
  }
  .hover\:fill-error-container:hover {
    fill: var(--sf-error-container-hover);
  }
  .hover\:fill-error-transparent:hover {
    fill: var(--sf-error-transparent-hover);
  }
  .hover\:fill-warning:hover {
    fill: var(--sf-warning-hover);
  }
  .hover\:fill-warning-container:hover {
    fill: var(--sf-warning-container-hover);
  }
  .hover\:fill-warning-transparent:hover {
    fill: var(--sf-warning-transparent-hover);
  }
  .hover\:fill-success:hover {
    fill: var(--sf-success-hover);
  }
  .hover\:fill-success-container:hover {
    fill: var(--sf-success-container-hover);
  }
  .hover\:fill-success-transparent:hover {
    fill: var(--sf-success-transparent-hover);
  }
}

/* docara-shell-source: runtime/utility/stroke-color/default/css/default.css */
@layer sf.utilities {
  .stroke-transparent {
    stroke: var(--sf-transparent);
  }
  .stroke-current {
    stroke: var(--sf-current);
  }
  .stroke {
    stroke: var(--sf-outline-variant);
  }
  .stroke-outline {
    stroke: var(--sf-outline);
  }
  .stroke-outline-variant {
    stroke: var(--sf-outline-variant);
  }
  .stroke-primary {
    stroke: var(--sf-outline-primary);
  }
  .stroke-secondary {
    stroke: var(--sf-outline-secondary);
  }
  .stroke-tertiary {
    stroke: var(--sf-outline-tertiary);
  }
  .stroke-error {
    stroke: var(--sf-outline-error);
  }
  .stroke-warning {
    stroke: var(--sf-outline-warning);
  }
  .stroke-success {
    stroke: var(--sf-outline-success);
  }
}

/* docara-shell-source: runtime/utility/stroke-width/default/css/default.css */
@layer sf.utilities {
  .stroke-1 {
    stroke-width: var(--sf-a1);
  }
  .stroke-2 {
    stroke-width: var(--sf-a2);
  }
  .stroke-3 {
    stroke-width: var(--sf-a3);
  }
  .stroke-4 {
    stroke-width: var(--sf-a4);
  }
  .stroke-5 {
    stroke-width: var(--sf-a5);
  }
  .stroke-6 {
    stroke-width: var(--sf-a6);
  }
  .stroke-7 {
    stroke-width: var(--sf-a7);
  }
  .stroke-8 {
    stroke-width: var(--sf-a8);
  }
  .stroke-9 {
    stroke-width: var(--sf-a9);
  }
  .stroke-10 {
    stroke-width: var(--sf-b0);
  }
  .stroke-0 {
    stroke-width: var(--sf-0);
  }
}