:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-m: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.main-page.with-sidebar {
  padding-bottom: clamp(40px, 25.1428571429px + 0.0380952381 * 100vw, 80px);
  padding-top: clamp(20px, 12.5714285714px + 0.019047619 * 100vw, 40px);
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media (min-width: 992px) {
  .main-page.with-sidebar {
    grid-template-columns: 1fr 25%;
    gap: clamp(16px, 7.0857142857px + 0.0228571429 * 100vw, 40px);
  }
}
@media (min-width: 1440px) {
  .main-page.with-sidebar {
    grid-template-columns: 2fr 1fr;
  }
}
.main-page.with-breadcrumbs {
  padding-top: clamp(20px, 12.5714285714px + 0.019047619 * 100vw, 40px);
}