/* stylelint-disable */

@layer libs {

  /**
 * Swiper 14.0.6
 * 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: July 20, 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 */
}

@layer libs {
  :root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
  }

  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;

    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);

    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));

    &.swiper-button-disabled {
      opacity: 0.35;
      cursor: auto;
      pointer-events: none;
    }

    &.swiper-button-hidden {
      opacity: 0;
      cursor: auto;
      pointer-events: none;
    }

    .swiper-navigation-disabled & {
      display: none !important;
    }

    ::slotted(svg),
    svg {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      transform-origin: center;
      fill: currentColor;
      pointer-events: none;
    }
  }

  .swiper-button-lock {
    display: none;
  }

  .swiper-button-prev,
  .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  }

  .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;

    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }

  .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }

  .swiper-horizontal {

    .swiper-button-prev,
    .swiper-button-next,
    ~.swiper-button-prev,
    ~.swiper-button-next {
      top: var(--swiper-navigation-top-offset, 50%);
      margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
      margin-left: 0;
    }

    .swiper-button-prev,
    &~.swiper-button-prev,
    &.swiper-rtl .swiper-button-next,
    &.swiper-rtl~.swiper-button-next {
      left: var(--swiper-navigation-sides-offset, 4px);
      right: auto;
    }

    .swiper-button-next,
    &~.swiper-button-next,
    &.swiper-rtl .swiper-button-prev,
    &.swiper-rtl~.swiper-button-prev {
      right: var(--swiper-navigation-sides-offset, 4px);
      left: auto;
    }

    .swiper-button-prev,
    &~.swiper-button-prev,
    &.swiper-rtl .swiper-button-next,
    &.swiper-rtl~.swiper-button-next {

      ::slotted(.swiper-navigation-icon),
      .swiper-navigation-icon {
        transform: rotate(180deg);
      }
    }

    &.swiper-rtl .swiper-button-prev,
    &.swiper-rtl~.swiper-button-prev {

      ::slotted(.swiper-navigation-icon),
      .swiper-navigation-icon {
        transform: rotate(0deg);
      }
    }
  }

  .swiper-vertical {

    .swiper-button-prev,
    .swiper-button-next,
    ~.swiper-button-prev,
    ~.swiper-button-next {
      left: var(--swiper-navigation-top-offset, 50%);
      right: auto;
      margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
      margin-top: 0;
    }

    .swiper-button-prev,
    ~.swiper-button-prev {
      top: var(--swiper-navigation-sides-offset, 4px);
      bottom: auto;

      ::slotted(.swiper-navigation-icon),
      .swiper-navigation-icon {
        transform: rotate(-90deg);
      }
    }

    .swiper-button-next,
    ~.swiper-button-next {
      bottom: var(--swiper-navigation-sides-offset, 4px);
      top: auto;

      ::slotted(.swiper-navigation-icon),
      .swiper-navigation-icon {
        transform: rotate(90deg);
      }
    }
  }
}