/* GENERATED: do not edit. Source build/css/bps-lite-slider.css. Rebuild with: build/build-css.sh */



.e-con.bps-slider{
  --bps-sl-per: 3;
  
  --bps-sl-gap: clamp(12px, 1.6vw, 24px);
  --bps-sl-peek: 0px;
  --bps-sl-dot: var(--bps-d-muted-ink, var(--text-color2, #8a8a8a));
  --bps-sl-dot-on: var(--bps-d-primary, var(--accent, #222));
  position: relative;
}


.wp-block-group.bps-slider:where(.section, .bps-sec, .section *, .bps-sec *){
  --bps-sl-per: 3;
  
  --bps-sl-gap: clamp(12px, 1.6vw, 24px);
  --bps-sl-peek: 0px;
  --bps-sl-dot: var(--bps-d-muted-ink, var(--text-color2, #8a8a8a));
  --bps-sl-dot-on: var(--bps-d-primary, var(--accent, #222));
  position: relative;
}
@media (max-width: 1024px) { .e-con.bps-slider{ --bps-sl-per: 2; }
.wp-block-group.bps-slider:where(.section, .bps-sec, .section *, .bps-sec *){ --bps-sl-per: 2; } }
@media (max-width: 767px)  { .e-con.bps-slider{ --bps-sl-per: 1; }
.wp-block-group.bps-slider:where(.section, .bps-sec, .section *, .bps-sec *){ --bps-sl-per: 1; } }
.e-con.bps-slider.bps-sl-peek{ --bps-sl-peek: clamp(2.5rem, 12%, 7rem); }
.wp-block-group.bps-slider.bps-sl-peek:where(.section, .bps-sec, .section *, .bps-sec *){ --bps-sl-peek: clamp(2.5rem, 12%, 7rem); }

.e-con.bps-sl-cards:not(.e-con-boxed), .wp-block-group.bps-sl-cards:not(.e-con-boxed), .e-con.bps-sl-cards > .e-con-inner{
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: none;
  grid-auto-columns: calc((100% - (var(--bps-sl-per) - 1) * var(--bps-sl-gap) - var(--bps-sl-peek)) / var(--bps-sl-per));
  align-items: stretch;
  gap: var(--bps-sl-gap);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  padding-bottom: max(6px, var(--padding-bottom, 0px)); 
  anchor-name: --bps-sl;
  anchor-scope: --bps-sl;
}
.e-con.bps-sl-cards:not(.e-con-boxed) > .elementor-element, .wp-block-group.bps-sl-cards:not(.e-con-boxed) > [class*="wp-block-"], .e-con.bps-sl-cards > .e-con-inner > .elementor-element{
  scroll-snap-align: start;
  min-width: 0;
  width: auto;
  max-width: none;
  margin: 0;
}
.wp-block-group.bps-sl-cards.bps-sl-cards > [class*="wp-block-"]:where(.section, .bps-sec, .section *, .bps-sec *){
  scroll-snap-align: start;
  min-width: 0;
  width: auto;
  max-width: none;
  margin: 0;
}
.e-con.bps-sl-cards:focus-visible{ outline: 2px solid var(--bps-sl-dot-on); outline-offset: 4px; }
.wp-block-group.bps-sl-cards:focus-visible:where(.section, .bps-sec, .section *, .bps-sec *){ outline: 2px solid var(--bps-sl-dot-on); outline-offset: 4px; }

@media (prefers-reduced-motion: reduce) {
  .e-con.bps-sl-cards:not(.e-con-boxed), .wp-block-group.bps-sl-cards:not(.e-con-boxed), .e-con.bps-sl-cards > .e-con-inner{ scroll-behavior: auto; }
}


@supports selector(::scroll-marker) {
  .e-con.bps-sl-cards.bps-sl-dots:not(.e-con-boxed), .wp-block-group.bps-sl-cards.bps-sl-dots:not(.e-con-boxed), .e-con.bps-sl-cards.bps-sl-dots > .e-con-inner{ scroll-marker-group: after; scrollbar-width: none; }
  .e-con.bps-sl-cards.bps-sl-arrows:not(.bps-sl-dots):not(.e-con-boxed), .wp-block-group.bps-sl-cards.bps-sl-arrows:not(.bps-sl-dots):not(.e-con-boxed), .e-con.bps-sl-cards.bps-sl-arrows:not(.bps-sl-dots) > .e-con-inner{ scrollbar-width: none; }

  .e-con.bps-sl-cards:not(.e-con-boxed)::scroll-marker-group, .wp-block-group.bps-sl-cards:not(.e-con-boxed)::scroll-marker-group, .e-con.bps-sl-cards > .e-con-inner::scroll-marker-group{
    display: flex; flex-wrap: wrap; justify-content: center; gap: 0; margin-top: 0.5rem;
  }
  
  .e-con.bps-sl-cards:not(.e-con-boxed) > .elementor-element::scroll-marker, .wp-block-group.bps-sl-cards:not(.e-con-boxed) > [class*="wp-block-"]::scroll-marker, .e-con.bps-sl-cards > .e-con-inner > .elementor-element::scroll-marker{
    content: "";
    width: 24px; height: 24px;
    border-radius: 50%;
    background: radial-gradient(circle, transparent 0 3px, var(--bps-sl-dot) 3.5px 5px, transparent 5.5px);
    cursor: pointer;
  }
  
  .wp-block-group.bps-sl-cards.bps-sl-cards > [class*="wp-block-"]:where(.section, .bps-sec, .section *, .bps-sec *)::scroll-marker{
    content: "";
    width: 24px; height: 24px;
    border-radius: 50%;
    background: radial-gradient(circle, transparent 0 3px, var(--bps-sl-dot) 3.5px 5px, transparent 5.5px);
    cursor: pointer;
  }
  .e-con.bps-sl-cards > .elementor-element::scroll-marker:target-current, .e-con.bps-sl-cards > .e-con-inner > .elementor-element::scroll-marker:target-current{
    background: radial-gradient(circle, var(--bps-sl-dot-on) 0 5px, transparent 5.5px);
  }
  .wp-block-group.bps-sl-cards > [class*="wp-block-"]:where(.section, .bps-sec, .section *, .bps-sec *)::scroll-marker:target-current, .wp-block-group.bps-sl-cards.bps-sl-cards > [class*="wp-block-"]:where(.section, .bps-sec, .section *, .bps-sec *)::scroll-marker:target-current{
    background: radial-gradient(circle, var(--bps-sl-dot-on) 0 5px, transparent 5.5px);
  }
  .e-con.bps-sl-cards > .elementor-element::scroll-marker:focus-visible, .e-con.bps-sl-cards > .e-con-inner > .elementor-element::scroll-marker:focus-visible{ outline: 2px solid var(--bps-sl-dot-on); outline-offset: 1px; }
  .wp-block-group.bps-sl-cards > [class*="wp-block-"]:where(.section, .bps-sec, .section *, .bps-sec *)::scroll-marker:focus-visible, .wp-block-group.bps-sl-cards.bps-sl-cards > [class*="wp-block-"]:where(.section, .bps-sec, .section *, .bps-sec *)::scroll-marker:focus-visible{ outline: 2px solid var(--bps-sl-dot-on); outline-offset: 1px; }

  
  .e-con.bps-sl-cards.bps-sl-arrows:not(.e-con-boxed)::scroll-button(*), .wp-block-group.bps-sl-cards.bps-sl-arrows:not(.e-con-boxed)::scroll-button(*), .e-con.bps-sl-cards.bps-sl-arrows > .e-con-inner::scroll-button(*){
    position: absolute;
    position-anchor: --bps-sl;
    top: anchor(center);
    translate: 0 -50%;
    z-index: 3;
    width: 44px; height: 44px;
    display: grid; place-items: center;
    border: 1px solid var(--bps-d-line, rgb(0 0 0 / 0.12));
    border-radius: 50%;
    background: var(--bps-d-surface, var(--bg, #fff));
    color: var(--bps-d-ink, var(--text-highlight, #111));
    font: 600 22px/1 system-ui, sans-serif;
    box-shadow: 0 2px 10px rgb(0 0 0 / 0.14);
    cursor: pointer;
  }
  .e-con.bps-sl-cards.bps-sl-arrows:not(.e-con-boxed)::scroll-button(left), .wp-block-group.bps-sl-cards.bps-sl-arrows:not(.e-con-boxed)::scroll-button(left), .e-con.bps-sl-cards.bps-sl-arrows > .e-con-inner::scroll-button(left){ content: "\2039" / "Previous"; left: calc(anchor(left) + 8px); }
  .e-con.bps-sl-cards.bps-sl-arrows:not(.e-con-boxed)::scroll-button(right), .wp-block-group.bps-sl-cards.bps-sl-arrows:not(.e-con-boxed)::scroll-button(right), .e-con.bps-sl-cards.bps-sl-arrows > .e-con-inner::scroll-button(right){ content: "\203A" / "Next"; right: calc(anchor(right) + 8px); }
  .e-con.bps-sl-cards.bps-sl-arrows:not(.e-con-boxed)::scroll-button(*):disabled, .wp-block-group.bps-sl-cards.bps-sl-arrows:not(.e-con-boxed)::scroll-button(*):disabled, .e-con.bps-sl-cards.bps-sl-arrows > .e-con-inner::scroll-button(*):disabled{ opacity: 0; pointer-events: none; }
  .e-con.bps-sl-cards.bps-sl-arrows:not(.e-con-boxed)::scroll-button(*):focus-visible, .wp-block-group.bps-sl-cards.bps-sl-arrows:not(.e-con-boxed)::scroll-button(*):focus-visible, .e-con.bps-sl-cards.bps-sl-arrows > .e-con-inner::scroll-button(*):focus-visible{ outline: 2px solid var(--bps-sl-dot-on); outline-offset: 2px; }
}



.e-con.bps-sl-fade:not(.e-con-boxed), .wp-block-group.bps-sl-fade:not(.e-con-boxed), .e-con.bps-sl-fade > .e-con-inner{
  display: grid;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  overflow: hidden;
}
.e-con.bps-sl-fade:not(.e-con-boxed) > .elementor-element, .wp-block-group.bps-sl-fade:not(.e-con-boxed) > [class*="wp-block-"], .e-con.bps-sl-fade > .e-con-inner > .elementor-element{
  grid-area: 1 / 1;
  margin: 0;
  width: auto;
  max-width: none;
  position: relative;
  z-index: 2;
  
  padding: clamp(1.25rem, 4vw, 3rem);
}
.wp-block-group.bps-sl-fade.bps-sl-fade > [class*="wp-block-"]:where(.section, .bps-sec, .section *, .bps-sec *){
  grid-area: 1 / 1;
  margin: 0;
  width: auto;
  max-width: none;
  position: relative;
  z-index: 2;
  
  padding: clamp(1.25rem, 4vw, 3rem);
}

body .e-con.bps-sl-fade.e-parent:not(.e-con-boxed):has(> .bps-slide) > .elementor-element:not(.bps-slide), body .wp-block-group.bps-sl-fade.wp-block-group:not(.e-con-boxed):has(> .bps-slide) > :not(.bps-slide)[class*="wp-block-"], body .e-con.bps-sl-fade.e-parent:not(.e-con-boxed):not(:has(> .bps-slide)) > .elementor-element:not(.e-con), body .wp-block-group.bps-sl-fade.wp-block-group:not(.e-con-boxed):not(:has(> .bps-slide)) > :not(.wp-block-group)[class*="wp-block-"]{
  padding-inline: max(var(--bps-d-gutter, clamp(1rem, 4vw, 2rem)), (100% - var(--bps-d-container, 1200px)) / 2 + var(--bps-d-gutter, clamp(1rem, 4vw, 2rem)));
}

.e-con.bps-sl-fade:not(.e-con-boxed) > .bps-slide, .wp-block-group.bps-sl-fade:not(.e-con-boxed) > .bps-slide, .e-con.bps-sl-fade > .e-con-inner > .bps-slide, .wp-block-group.bps-sl-fade.bps-sl-fade > .bps-slide:where(.section, .bps-sec, .section *, .bps-sec *), .e-con.bps-sl-fade:not(.e-con-boxed):not(:has(.bps-slide)) > .e-con, .wp-block-group.bps-sl-fade:not(.e-con-boxed):not(:has(.bps-slide)) > .wp-block-group, .e-con.bps-sl-fade:not(:has(.bps-slide)) > .e-con-inner > .e-con, .wp-block-group.bps-sl-fade:not(:has(.bps-slide)).bps-sl-fade > .wp-block-group:where(.section, .bps-sec, .section *, .bps-sec *){
  z-index: 1;
  padding: 0;
  
  animation-name: var(--bps-sl-name, none);
  animation-duration: var(--bps-sl-dur, 0s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: var(--bps-sl-delay, 0s);
}
.e-con.bps-sl-fade:is(:hover, :focus-within) .e-con.e-con, .wp-block-group.bps-sl-fade:is(:hover, :focus-within) .wp-block-group.wp-block-group:where(.section, .bps-sec, .section *, .bps-sec *){ animation-play-state: paused; }

body.bps-lite .e-con.bps-sl-fade.bps-scrim::after{ z-index: 1; }

body.bps-lite .wp-block-group.bps-sl-fade.bps-scrim:where(.section, .bps-sec, .section *, .bps-sec *)::after{ z-index: 1; }

@media (prefers-reduced-motion: reduce) {
  .e-con.bps-sl-fade .e-con{ animation: none !important; }
  .wp-block-group.bps-sl-fade .wp-block-group:where(.section, .bps-sec, .section *, .bps-sec *){ animation: none !important; }
  .e-con.bps-sl-fade .bps-slide ~ .bps-slide, .wp-block-group.bps-sl-fade .bps-slide ~ .bps-slide:where(.section, .bps-sec, .section *, .bps-sec *), .e-con.bps-sl-fade:not(:has(.bps-slide)) > .e-con ~ .e-con, .wp-block-group.bps-sl-fade:not(:has(.bps-slide)) > .wp-block-group ~ .wp-block-group:where(.section, .bps-sec, .section *, .bps-sec *), .e-con.bps-sl-fade:not(:has(.bps-slide)) > .e-con-inner > .e-con ~ .e-con, .wp-block-group.bps-sl-fade:not(:has(.bps-slide)).bps-sl-fade > .wp-block-group ~ .wp-block-group:where(.section, .bps-sec, .section *, .bps-sec *){ visibility: hidden; }
}


.elementor-editor-active .e-con.bps-sl-fade:not(.e-con-boxed), .elementor-editor-active .e-con.bps-sl-fade > .e-con-inner{
  grid-template: none / none;
  grid-auto-flow: column;
  grid-auto-columns: 85%;
  overflow-x: auto;
  gap: 12px;
}
.elementor-editor-active .e-con.bps-sl-fade .elementor-element{ grid-area: auto; animation: none !important; }
