div[data-section-type="scrolling-cards"] {
  --inline-margin: 1.25rem;
  --scrollbar-size: 0.5rem;
  --scrollbar-thumb-color: rgb(158, 158, 158);

  @media (min-width: 750px) {
    --inline-margin: 4rem;
  }

  .custom-section-content {
    &>.section-content-wrapper {
      padding-block-end: calc(var(--scrollbar-size) + var(--padding-block-end));
      overflow-x: auto;
      scrollbar-width: thin;
      scrollbar-color: var(--scrollbar-thumb-color) white;

      &::-webkit-scrollbar {
        width: var(--scrollbar-size);
        height: var(--scrollbar-size);
        background: white;
      }

      &::-webkit-scrollbar-track {
        background-color: white;
      }

      &::-webkit-scrollbar-thumb {
        background: var(--scrollbar-thumb-color);
      }

      @media (max-width: 749px) {
        flex-wrap: nowrap;
      }

      @media (min-width: 750px) {
        scrollbar-width: none;

        &::-webkit-scrollbar {
          display: none;
        }
      }

      &>.group-block {
        aspect-ratio: 1.4;
        flex-shrink: 0;

        &:first-child {
          margin-inline-start: var(--inline-margin);
        }

        &:last-child {
          margin-inline-end: var(--inline-margin);
        }
      }
    }
  }
}