slider-component {
  --desktop-margin-left-first-item: max(
    var(--vie-grid-margin-desktop),
    calc((100vw - var(--page-width) + var(--vie-grid-margin-desktop) * 2 - var(--grid-desktop-horizontal-spacing)) / 2)
  );
  position: relative;
  display: block;
}

slider-component.slider-component-full-width {
  --desktop-margin-left-first-item: 1.5rem;
}

@media screen and (max-width: 749px) {
  slider-component.page-width {
    padding: 0 var(--vie-grid-margin-mobile);
  }
}

@media screen and (min-width: 749px) and (max-width: 990px) {
  slider-component.page-width {
    padding: 0 var(--vie-grid-margin-desktop-narrow);
  }
}