/* 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/scroll-slider-color/default/css/default.css */
@layer sf.utilities {
  .scroll-transparent,
  .scroll-thumb-transparent {
    --sf-scroll-bg-thumb: var(--sf-transparent);
  }
  .scroll-current,
  .scroll-thumb-current {
    --sf-scroll-bg-thumb: var(--sf-current);
  }
  .scroll-surface,
  .scroll-thumb-surface {
    --sf-scroll-bg-thumb: var(--sf-on-surface);
  }
  .scroll-primary,
  .scroll-thumb-primary {
    --sf-scroll-bg-thumb: var(--sf-on-primary);
  }
  .scroll-secondary,
  .scroll-thumb-secondary {
    --sf-scroll-bg-thumb: var(--sf-on-secondary);
  }
  .scroll-tertiary,
  .scroll-thumb-tertiary {
    --sf-scroll-bg-thumb: var(--sf-on-tertiary);
  }
}

/* docara-shell-source: runtime/utility/scroll-backdrop-color/default/css/default.css */
@layer sf.utilities {
  .scroll-bg-transparent {
    --sf-scroll-bg-track: var(--sf-transparent);
  }
  .scroll-bg-current {
    --sf-scroll-bg-track: var(--sf-current);
  }
  .scroll-bg-surface {
    --sf-scroll-bg-track: var(--sf-surface-transparent-overlay);
  }
  .scroll-bg-primary {
    --sf-scroll-bg-track: var(--sf-primary-transparent-overlay);
  }
  .scroll-bg-secondary {
    --sf-scroll-bg-track: var(--sf-secondary-transparent-overlay);
  }
  .scroll-bg-tertiary {
    --sf-scroll-bg-track: var(--sf-tertiary-transparent-overlay);
  }
  .scroll-bg-error {
    --sf-scroll-bg-track: var(--sf-error-transparent-overlay);
  }
  .scroll-bg-warning {
    --sf-scroll-bg-track: var(--sf-warning-transparent-overlay);
  }
  .scroll-bg-success {
    --sf-scroll-bg-track: var(--sf-success-transparent-overlay);
  }
}