.intel-rec-carousel, .intel-rec-skeleton {
  --slide-ratio-fallback-height: 159px;
  --slide-image-width: 105px;
  --slide-width: 25%;
  --slide-spacing: 12px;
  --slide-min-width: 0;
}
@media (min-width: 0) {
  .intel-rec-carousel {
    --slide-spacing: 12px;
    --slide-width: 117px;
    --slide-max-width: 117px;
    --slide-min-width: 117px;
  }
}

@media (min-width: 400px) {
  .intel-rec-carousel {
    --slide-spacing: 12px;
    --slide-width: 117px;
    --slide-max-width: 117px;
    --slide-min-width: 117px;
  }
}

@media (min-width: 768px) {
  .intel-rec-carousel {
    --slide-spacing: 16px;
    --slide-width: calc(100% / var(--slides-per-page-md));
    --slide-max-width: calc(100% / var(--slides-per-page-md));
    --slide-min-width: 0;
  }
}

@media (min-width: 1024px) {
  .intel-rec-carousel {
    --slide-spacing: 16px;
    --slide-width: calc(100% / var(--slides-per-page-lg));
    --slide-max-width: calc(100% / var(--slides-per-page-lg));
    --slide-min-width: 0;
  }
}

@media (min-width: 1280px) {
  .intel-rec-carousel {
    --slide-spacing: 16px;
    --slide-width: calc(100% / var(--slides-per-page-xl));
    --slide-max-width: calc(100% / var(--slides-per-page-xl));
    --slide-min-width: 0;
  }
}

#social .intel-rec-carousel, #social .intel-rec-skeleton {
  --slide-ratio-fallback-height: 140px;
  --slide-image-width: 105px;
  --slide-width: 25%;
  --slide-spacing: 12px;
  --slide-min-width: 0;
}
@media (min-width: 0) {
  #social .intel-rec-carousel {
    --slide-spacing: 12px;
    --slide-width: 117px;
    --slide-max-width: 117px;
    --slide-min-width: 117px;
  }
}

@media (min-width: 400px) {
  #social .intel-rec-carousel {
    --slide-spacing: 12px;
    --slide-width: 117px;
    --slide-max-width: 117px;
    --slide-min-width: 117px;
  }
}

@media (min-width: 769px) {
  #social .intel-rec-carousel {
    --slide-spacing: 12px;
    --slide-width: calc(100% / var(--slides-per-page-social-md));
    --slide-max-width: calc(100% / var(--slides-per-page-social-md));
    --slide-min-width: 0;
  }
}

@media (min-width: 1024px) {
  #social .intel-rec-carousel {
    --slide-spacing: 12px;
    --slide-width: 12%;
    --slide-max-width: calc(100% / var(--slides-per-page-social-lg));
    --slide-min-width: 0;
  }
}

@media (min-width: 1280px) {
  #social .intel-rec-carousel {
    --slide-spacing: 16px;
    --slide-width: calc(100% / var(--slides-per-page-social-xl));
    --slide-max-width: calc(100% / var(--slides-per-page-social-xl));
    --slide-min-width: 0;
  }
}