/*!***************************************************!*\
  !*** ../src/elements/partials/swiper/swiper.scss ***!
  \***************************************************/
/*******************************
 * Buttons
 ******************************/
/*
 * Applies the complete set of button styles with all desired style variations.
 * This mixin is normally applied to form buttons or links with
 * the desired button classes eg. .button.style-xxx.
 */
/*
 * Contains styles that all of the buttons have in common.
 * Some button styles might opt out or override some of these styles.
 * One benefit of this approach is that all of the buttons will be consistently
 * configurable with the CSS variables defined below.
 */
/*******************************
 * Button Styles
 *
 * Styles should define the way the buttons look. Depending on the project,
 * you may need to optimize each style based on the section / element that
 * a button is used in. For that purpose you can use the predefined CSS
 * variables to easily overwrite the desired colors based on your need.
 ******************************/
/*******************************
 * Inputs
 ******************************/
/**
 * Swiper 12.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 29, 2026
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.shared-swiper {
  --shared-swiper-padding: calc(var(--content-margin) + var(--container-padding));
  position: relative;
}
.shared-swiper .swiper-wrapper {
  container: shared-swiper/inline-size;
}
.shared-swiper .swiper-wrapper:is(.shared-swiper.not-initialized *) {
  gap: var(--element-spacing);
}
.shared-swiper .swiper-wrapper:is(body.no-js *) {
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  gap: var(--layout-gap);
  --columns: 1;
}
@media (width >= 540px /* s */) {
  .shared-swiper .swiper-wrapper:is(body.no-js *) {
    --columns: 2;
  }
}
@media (width >= 992px /* md */) {
  .shared-swiper .swiper-wrapper:is(body.no-js *) {
    --columns: 3;
  }
}
.shared-swiper .swiper-wrapper:is(body.no-js *) .swiper-slide {
  min-width: 0;
}
.shared-swiper .swiper-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 1.5rem;
  column-gap: 2rem;
  padding: 0 var(--shared-swiper-padding);
  margin-bottom: /* grow(32, 36) */ clamp(2rem, 1.9318181818rem + 0.303030303vw, 2.25rem);
}
@media (width >= 768px /* sm */) {
  .shared-swiper .swiper-header {
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: nowrap;
  }
}
.shared-swiper .swiper-header .swiper-headline {
  margin: 0;
}
.shared-swiper .button-wrapper {
  grid-column: 2/span 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.shared-swiper .button-wrapper svg {
  width: 1.125rem;
  height: auto;
}
.shared-swiper .button-wrapper:is(body.not-initialized *, .shared-swiper.swiper-locked *) {
  display: none;
}
@media (width < 768px /* sm */) {
  .shared-swiper .button-wrapper {
    flex-grow: 1;
  }
  .shared-swiper .button-wrapper .swiper-show-all {
    margin-right: auto;
  }
}
.shared-swiper .swiper {
  --swiper-vertical-tolerance: /* grow(20, 40) */ clamp(1.25rem, 0.9090909091rem + 1.5151515152vw, 2.5rem);
  padding-left: var(--shared-swiper-padding);
  padding-right: var(--shared-swiper-padding);
  padding-top: var(--swiper-vertical-tolerance);
  padding-bottom: var(--swiper-vertical-tolerance);
  margin-top: calc(-1 * var(--swiper-vertical-tolerance));
}
.shared-swiper .swiper .swiper-slide:not(body.no-js *) {
  ---shared-swiper-grid-lane-width: calc(
    (100cqw - (var(--shared-swiper-items-per-view, 1) - 1) * var(--layout-gap)) /
      var(--shared-swiper-items-per-view, 1)
  );
  ---shared-swiper-item-offset: 0px;
  ---shared-swiper-max-width: calc(
    max(var(--shared-swiper-item-width, 0px), var(---shared-swiper-grid-lane-width)) +
      var(---shared-swiper-item-offset)
  );
  ---shared-swiper-width: calc(
    var(--shared-swiper-item-width, 100%) + var(---shared-swiper-item-offset)
  );
  max-width: var(---shared-swiper-max-width);
  width: var(---shared-swiper-width);
  padding-right: var(---shared-swiper-item-offset);
  height: auto;
}
.shared-swiper .swiper .swiper-slide:not(body.no-js *):not(:last-child) {
  ---shared-swiper-item-offset: 0.75rem;
}
@media (width >= 540px /* s */) {
  .shared-swiper .swiper .swiper-slide:not(body.no-js *):not(:last-child) {
    ---shared-swiper-item-offset: var(--layout-gap);
  }
}
.shared-swiper .swiper .swiper-slide:not(body.no-js *) > * {
  height: 100%;
}
.shared-swiper .swiper-prolog > :first-child, .shared-swiper .swiper-prolog > link:first-child + * {
  margin-top: 0;
}
.shared-swiper .swiper-prolog > :last-child {
  margin-bottom: 0;
}
.shared-swiper .swiper-prolog > :is(.large-text, .lead-text):first-child > :first-child {
  margin-top: 0;
}
.shared-swiper .swiper-prolog > :is(.large-text, .lead-text):last-child > :last-child {
  margin-bottom: 0;
}
.shared-swiper .swiper-prolog {
  text-wrap: balance;
}

/*# sourceMappingURL=css-shared-template--swiper.css.map*/