.widget-noahs-card-grid-scroll,
.n-card-grid-scroll,
.n-card-grid-scroll__pin {
  width: 100%;
  min-width: 0;
}
.n-card-grid-scroll {
  position: relative;
}
.n-card-grid-scroll__viewport {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
.n-card-grid-scroll__viewport:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}
.n-card-grid-scroll .n-cards-grid > .n-auto-grid {
  --n-gap-x: 20px;
  grid-auto-flow: column;
  /* The existing responsive column count also determines each implicit column. */
  grid-auto-columns: calc((100% - (var(--n-scroll-columns, 1) - 1) * var(--n-gap-x)) / var(--n-scroll-columns, 1));
  grid-template-columns: none;
  justify-content: start;
}
.n-card-grid-scroll .n-grid-item {
  min-width: 0;
}
  .n-card-grid-scroll .n-grid-cols-1 { --n-scroll-columns: 1; }
  .n-card-grid-scroll .n-grid-cols-2 { --n-scroll-columns: 2; }
  .n-card-grid-scroll .n-grid-cols-3 { --n-scroll-columns: 3; }
  .n-card-grid-scroll .n-grid-cols-4 { --n-scroll-columns: 4; }
  .n-card-grid-scroll .n-grid-cols-5 { --n-scroll-columns: 5; }
  .n-card-grid-scroll .n-grid-cols-6 { --n-scroll-columns: 6; }
  .n-card-grid-scroll .n-grid-cols-7 { --n-scroll-columns: 7; }
  .n-card-grid-scroll .n-grid-cols-8 { --n-scroll-columns: 8; }
  .n-card-grid-scroll .n-grid-cols-9 { --n-scroll-columns: 9; }
  .n-card-grid-scroll .n-grid-cols-10 { --n-scroll-columns: 10; }
  .n-card-grid-scroll .n-grid-cols-11 { --n-scroll-columns: 11; }
  .n-card-grid-scroll .n-grid-cols-12 { --n-scroll-columns: 12; }
@media (min-width: 768px) {
  .n-card-grid-scroll .n-grid-cols-md-1 { --n-scroll-columns: 1; }
  .n-card-grid-scroll .n-grid-cols-md-2 { --n-scroll-columns: 2; }
  .n-card-grid-scroll .n-grid-cols-md-3 { --n-scroll-columns: 3; }
  .n-card-grid-scroll .n-grid-cols-md-4 { --n-scroll-columns: 4; }
  .n-card-grid-scroll .n-grid-cols-md-5 { --n-scroll-columns: 5; }
  .n-card-grid-scroll .n-grid-cols-md-6 { --n-scroll-columns: 6; }
  .n-card-grid-scroll .n-grid-cols-md-7 { --n-scroll-columns: 7; }
  .n-card-grid-scroll .n-grid-cols-md-8 { --n-scroll-columns: 8; }
  .n-card-grid-scroll .n-grid-cols-md-9 { --n-scroll-columns: 9; }
  .n-card-grid-scroll .n-grid-cols-md-10 { --n-scroll-columns: 10; }
  .n-card-grid-scroll .n-grid-cols-md-11 { --n-scroll-columns: 11; }
  .n-card-grid-scroll .n-grid-cols-md-12 { --n-scroll-columns: 12; }
}
@media (min-width: 992px) {
  .n-card-grid-scroll .n-grid-cols-lg-1 { --n-scroll-columns: 1; }
  .n-card-grid-scroll .n-grid-cols-lg-2 { --n-scroll-columns: 2; }
  .n-card-grid-scroll .n-grid-cols-lg-3 { --n-scroll-columns: 3; }
  .n-card-grid-scroll .n-grid-cols-lg-4 { --n-scroll-columns: 4; }
  .n-card-grid-scroll .n-grid-cols-lg-5 { --n-scroll-columns: 5; }
  .n-card-grid-scroll .n-grid-cols-lg-6 { --n-scroll-columns: 6; }
  .n-card-grid-scroll .n-grid-cols-lg-7 { --n-scroll-columns: 7; }
  .n-card-grid-scroll .n-grid-cols-lg-8 { --n-scroll-columns: 8; }
  .n-card-grid-scroll .n-grid-cols-lg-9 { --n-scroll-columns: 9; }
  .n-card-grid-scroll .n-grid-cols-lg-10 { --n-scroll-columns: 10; }
  .n-card-grid-scroll .n-grid-cols-lg-11 { --n-scroll-columns: 11; }
  .n-card-grid-scroll .n-grid-cols-lg-12 { --n-scroll-columns: 12; }
}