.cc_xw9g8y4x_EmFyxpkTUH .ccl {
  width: 100%;
  padding: var(--noma-block-space) 0;
  font-family: var(--noma-font-sans);
}

.cc_xw9g8y4x_EmFyxpkTUH .ccl__list {
  display: grid;
  grid-auto-flow: column;
  /* --ccl-count circles fit in one view; the rest scroll in */
  grid-auto-columns: calc((100% - (var(--ccl-count, 7) - 1) * 16px) / var(--ccl-count, 7));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.cc_xw9g8y4x_EmFyxpkTUH .ccl__list::-webkit-scrollbar {
  display: none;
}

.cc_xw9g8y4x_EmFyxpkTUH .ccl__cell {
  display: grid;
  min-width: 0;
  scroll-snap-align: start;
}

@media (max-width: 1199px) {
  .cc_xw9g8y4x_EmFyxpkTUH .ccl__list {
    grid-auto-columns: calc((100% - 4 * 14px) / 5.3);
    gap: 14px;
  }
}

@media (max-width: 767px) {
  .cc_xw9g8y4x_EmFyxpkTUH .ccl__arrows {
    display: none;
  }

  .cc_xw9g8y4x_EmFyxpkTUH .ccl__list {
    grid-auto-columns: 27%;
    gap: 12px;
    margin-right: calc(var(--noma-gutter) * -1);
    padding-right: var(--noma-gutter);
  }
}