/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/app/v3/alpacas/Alpacas.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap");
.shantell-sans {
  font-family: "Shantell Sans", cursive;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "BNCE" 0, "INFM" 0, "SPAC" 0;
}

.bg-container {
  background-color: #FFF7F0;
}

.avatar-1 {
  height: 200px;
}

.avatar-2 {
  height: 250px;
}

.avatar-3 {
  height: 160px;
}

@media (min-width: 992px) {
  .bg-main {
    background-image: url(/next_image/alpacas/main_lg.png);
    background-repeat: no-repeat no-repeat;
    background-position: top center;
    height: 600px !important;
  }
  .bg-container {
    padding-bottom: 100px !important;
  }
  .section-container {
    margin-top: 100px !important;
  }
}
@media (max-width: 991.98px) {
  .text-white-orange {
    color: rgb(59.5294117647%, 29.6470588235%, 4.7058823529%) !important;
  }
  .bg-mobile {
    width: 100%;
    height: auto;
  }
  .bg-mobile img {
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
  .avatar-2 {
    height: 150px;
  }
  .text-center-start {
    text-align: center;
  }
}
.brown-link {
  color: rgb(59.5294117647%, 29.6470588235%, 4.7058823529%) !important;
}
.brown-link:hover {
  color: rgb(39.6862745098%, 19.7647058824%, 3.137254902%) !important;
}
.brown-link:active {
  color: rgb(19.8431372549%, 9.8823529412%, 1.568627451%) !important;
}

.btn-brown-link {
  color: var(--bs-white) !important;
  background-color: rgb(59.5294117647%, 29.6470588235%, 4.7058823529%);
  border-color: rgb(59.5294117647%, 29.6470588235%, 4.7058823529%);
}

.btn-brown-link:hover {
  color: var(--bs-white);
  background-color: rgb(39.6862745098%, 19.7647058824%, 3.137254902%);
  border-color: rgb(39.6862745098%, 19.7647058824%, 3.137254902%);
}

.btn-brown-link:focus, .btn-brown-link.focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5);
}

.btn-brown-link.disabled, .btn-brown-link:disabled {
  color: var(--bs-gray-500);
  background-color: var(--bs-gray-200);
  border-color: var(--bs-gray-200);
}

.btn-brown-link:not(:disabled):not(.disabled):active, .btn-brown-link:not(:disabled):not(.disabled).active, .show > .btn-brown-link.dropdown-toggle {
  color: var(--bs-white);
  background-color: rgb(19.8431372549%, 9.8823529412%, 1.568627451%);
  border-color: rgb(19.8431372549%, 9.8823529412%, 1.568627451%);
}

.btn-brown-link:not(:disabled):not(.disabled):active:focus, .btn-brown-link:not(:disabled):not(.disabled).active:focus, .show > .btn-brown-link.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5);
}

.btn-outline-brown-link {
  color: rgb(59.5294117647%, 29.6470588235%, 4.7058823529%);
  background-color: transparent;
  border-color: rgb(59.5294117647%, 29.6470588235%, 4.7058823529%);
}

.btn-outline-brown-link:hover {
  color: rgb(39.6862745098%, 19.7647058824%, 3.137254902%);
  background-color: transparent;
  border-color: rgb(39.6862745098%, 19.7647058824%, 3.137254902%);
}

.btn-outline-brown-link:focus, .btn-outline-brown-link.focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5);
}

.btn-outline-brown-link.disabled, .btn-outline-brown-link:disabled {
  color: var(--bs-gray-500);
  background-color: var(--bs-gray-200);
  border-color: var(--bs-gray-200);
}

.btn-outline-brown-link:not(:disabled):not(.disabled):active, .btn-outline-brown-link:not(:disabled):not(.disabled).active, .show > .btn-outline-brown-link.dropdown-toggle {
  color: rgb(19.8431372549%, 9.8823529412%, 1.568627451%);
  background-color: transparent;
  border-color: rgb(19.8431372549%, 9.8823529412%, 1.568627451%);
}

.btn-outline-brown-link:not(:disabled):not(.disabled):active:focus, .btn-outline-brown-link:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-brown-link.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5);
}

.calc-slider .form-range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.calc-slider .form-range:focus {
  outline: 0;
}
.calc-slider .form-range:focus::-webkit-slider-thumb {
  box-shadow: none;
}
.calc-slider .form-range:focus::-moz-range-thumb {
  box-shadow: none;
}
.calc-slider .form-range::-moz-focus-outer {
  border: 0;
}
.calc-slider .form-range::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  margin-top: -9px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #FD7E14;
}
.calc-slider .form-range::-webkit-slider-thumb:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #FD7E14;
}
.calc-slider .form-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  margin-top: -9px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #FD7E14;
}
.calc-slider .form-range::-moz-range-thumb:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%), #FD7E14;
}
.calc-slider .form-range::-webkit-slider-runnable-track {
  height: 2px;
  background: linear-gradient(to right, #984C0C var(--fill-percentage), #D6D6D6 var(--fill-percentage));
}
.calc-slider .form-range::-moz-range-track {
  height: 2px;
  background: linear-gradient(to right, #984C0C var(--fill-percentage), #D6D6D6 var(--fill-percentage));
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/components/util/ImageZoom.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.image-zoom-fade {
  z-index: 999990;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-black) !important;
}

.image-zoom-container.swiper {
  opacity: 1;
  background-color: transparent;
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-zoom-container.swiper .swiper-button-prev {
  left: 16px;
  right: auto;
  top: 50%;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  position: absolute;
  transition: background-color 0.3s;
  cursor: pointer;
  background-color: var(--bs-white) !important;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-zoom-container.swiper .swiper-button-prev::after {
  content: url(/next_image/icons/arrow_left_5.svg);
  font-size: 24px;
  line-height: 24px;
  padding: 2px 3px 0 0;
}
@media (min-width: 992px) {
  .image-zoom-container.swiper .swiper-button-prev {
    left: 24px;
  }
}
.image-zoom-container.swiper .swiper-button-next {
  right: 16px;
  left: auto;
  top: 50%;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  position: absolute;
  transition: background-color 0.3s;
  cursor: pointer;
  background-color: var(--bs-white) !important;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-zoom-container.swiper .swiper-button-next::after {
  content: url(/next_image/icons/arrow_right_5_md.svg);
  font-size: 24px;
  line-height: 24px;
  padding: 2px 0 0 2px;
}
@media (min-width: 992px) {
  .image-zoom-container.swiper .swiper-button-next {
    right: 24px;
  }
}
.image-zoom-container.swiper .swiper-button-prev:hover,
.image-zoom-container.swiper .swiper-button-next:hover {
  background-color: var(--bs-gray-200) !important;
}
.image-zoom-container.swiper .swiper-button-prev:active,
.image-zoom-container.swiper .swiper-button-next:active {
  background-color: var(--bs-gray-300) !important;
}

.image-zoom-close {
  left: auto;
  right: 12px;
  top: 12px;
  position: fixed;
  cursor: pointer;
  box-sizing: content-box;
  width: 48px;
  height: 48px;
  border: 0;
  z-index: 1999999;
}
@media (min-width: 992px) {
  .image-zoom-close {
    padding-right: 17px;
  }
}
.image-zoom-close .icon-ok {
  z-index: 1999999;
  color: var(--bs-white);
  transition: color 0.3s;
}
.image-zoom-close:hover .icon-ok {
  color: var(--bs-gray-200);
}
.image-zoom-close:active .icon-ok {
  color: var(--bs-gray-300);
}

.image-zoom-div {
  width: 100%;
  height: 100%;
}
.image-zoom-div .image-zoom-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  cursor: default;
}

.image-zoom-next::after {
  content: "next";
  font-family: swiper-icons;
  font-size: 44px;
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: initial;
  line-height: 1;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/react-photo-view/dist/react-photo-view.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:-webkit-grab;cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:-webkit-grabbing;cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:rgba(0,0,0,.5);color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/components/topdownbutton/topdownbutton.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.topdownbutton-v2 .down {
  position: fixed;
  right: 0;
  bottom: 6rem;
  width: 3.25rem;
  height: 3.25rem;
  z-index: 4;
  font-size: 19px;
  padding-top: 10px;
}

.topdownbutton-v2 .top {
  position: fixed;
  right: 0;
  bottom: 10rem;
  width: 3.25rem;
  height: 3.25rem;
  z-index: 4;
  font-size: 19px;
  padding-top: 10px;
}

.topdownbutton-v2 .help_chat {
  position: fixed;
  right: 0;
  bottom: 2rem;
  width: 3.25rem;
  height: 3.25rem;
  font-size: 19px;
  padding-top: 10px;
}

@media (max-width: 992px) {
  .topdownbutton-v2 .down {
    position: fixed;
    right: 0;
    bottom: 4rem;
    width: 3.25rem;
    height: 3.25rem;
  }
  .topdownbutton-v2 .top {
    position: fixed;
    right: 0;
    bottom: 8rem;
    width: 3.25rem;
    height: 3.25rem;
  }
  .topdownbutton-v2 .help_chat {
    position: fixed;
    left: 0;
    bottom: 4rem;
    width: 3.25rem;
    height: 3.25rem;
  }
}
@media (max-width: 575.98px) {
  .topdownbutton-v2-upper .help_chat {
    bottom: calc(4rem + 58px);
  }
  .topdownbutton-v2-upper .down {
    bottom: calc(4rem + 58px);
  }
  .topdownbutton-v2-upper .top {
    bottom: calc(8rem + 58px);
  }
}
.badge-success {
  background-color: #6dc344;
  color: #fff !important;
}

a.badge-success:focus,
a.badge-success:hover {
  color: #212529;
  background-color: #57a133;
}

a.badge-success.focus,
a.badge-success:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(109, 195, 68, 0.5);
}

/* JIVO site */
jdiv[class*=__jivoMobileButton] {
  display: none !important;
}

jdiv#jvLabelWrap {
  position: absolute;
  display: none !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/app/v3/alpacas/modal.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.brown-link {
  color: rgb(59.5294117647%, 29.6470588235%, 4.7058823529%) !important;
}
.brown-link:hover {
  color: rgb(39.6862745098%, 19.7647058824%, 3.137254902%) !important;
}
.brown-link:active {
  color: rgb(19.8431372549%, 9.8823529412%, 1.568627451%) !important;
}

.text-brown {
  color: rgb(59.5294117647%, 29.6470588235%, 4.7058823529%) !important;
}

.modal-alpacas-content {
  background-image: url(/_next/static/media/modal.94a6a115.png);
  background-repeat: no-repeat;
  background-position: center 32%;
  background-size: cover;
  height: 660px;
}
@media (max-width: 575.98px) {
  .modal-alpacas-content {
    height: 620px;
  }
}

.modal-alpacas-content-tnx {
  background-image: url(/_next/static/media/modal_tnx.4a93fabc.png);
  background-repeat: no-repeat;
  background-position: center 32%;
  background-size: cover;
  height: 620px;
}
.modal-alpacas-content-tnx .close-button {
  color: rgb(59.5294117647%, 29.6470588235%, 4.7058823529%) !important;
}
.modal-alpacas-content-tnx .close-button:hover {
  color: rgb(39.6862745098%, 19.7647058824%, 3.137254902%) !important;
}
.modal-alpacas-content-tnx .close-button:active {
  color: rgb(19.8431372549%, 9.8823529412%, 1.568627451%) !important;
}
@media (max-width: 575.98px) {
  .modal-alpacas-content-tnx {
    height: 600px;
    background-image: url(/_next/static/media/modal_tnx_mobile.aa9a2ff1.png);
    background-position: center 15%;
  }
}
@media (max-width: 500.98px) {
  .modal-alpacas-content-tnx {
    background-position: center 0;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/swiper/swiper.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 12.2.0
 * 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: May 27, 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);
  -webkit-backface-visibility: hidden;
          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 {
      -webkit-margin-start: var(--swiper-slides-offset-before);
              margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      -webkit-margin-end: var(--swiper-slides-offset-after);
              margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-before: var(--swiper-slides-offset-before);
              margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      -webkit-margin-after: var(--swiper-slides-offset-after);
              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 {
      -webkit-margin-start: var(--swiper-centered-offset-before);
              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 {
      -webkit-margin-before: var(--swiper-centered-offset-before);
              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 */