:root {
  --page-padding: 1.5rem;
  --page-width: 1600px;
  --scrollbar-width: 15px;
  --radius: 0.5rem !important;
  --top-offset: 110px;
}

@media (min-width: 1024px) {

:root {
    --top-offset: 124px;
}
  }

@media (min-width: 1536px) {

:root {
    --top-offset: 124px;
}
  }

/* Height-based aspect ratios */

.banner-slider[data-slide-height='small'] {
    --aspect-ratio-mobile: 1/1;
    --aspect-ratio-desktop: 4;
  }

.banner-slider[data-slide-height='medium'] {
    --aspect-ratio-mobile: 4/5;
    --aspect-ratio-desktop: 3;
  }

.banner-slider[data-slide-height='large'] {
    --aspect-ratio-mobile: 3/4;
    --aspect-ratio-desktop: 2.5;
  }

.banner-slider .banner-slides-image {
    aspect-ratio: var(--aspect-ratio-mobile);
  }

@media (min-width: 768px) {
    .banner-slider .banner-slides-image {
      aspect-ratio: var(--aspect-ratio-desktop);
    }
  }

.banner-slider[data-slide-height='auto'] .banner-slides-image {
    aspect-ratio: auto;
  }