/* src/custom-styles.css */
.swiper-bullet {
  height: 0.25rem;
  width: 0.25rem;
  opacity: 0.3;
  background-color: black;
  display: inline-block;
  border-radius: 100%;
  transition: all 0.2s ease;
  cursor: pointer;
}
.features-scroll_modal-btn,
.mobile-features_modal-btn {
  animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(202, 200, 242, 0.4);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(202, 200, 242, 0);
  }
}
.swiper-bullet.is-active {
  opacity: 1;
  height: 0.375rem;
  width: 0.375rem;
}
[data-cursor-animation=trigger]:hover {
  cursor: none;
}
.swiper-slide {
  height: auto !important;
}
.reasons-slider_btn-next.is-disabled .reasons-slider_nav-icon,
.reasons-slider_btn-prev.is-disabled .reasons-slider_nav-icon {
  color: var(--text-colors--medium-grey);
}
.gallery-slider_nav-btn.is-disabled {
  pointer-events: none;
}
.gallery-slider_nav-btn.is-disabled .gallery-slider_nav-btn-icon {
  color: var(--text-colors--dark-grey);
}
.gallery-slider_cursor-nav-btn.is-disabled {
  display: none;
}
.product-hero2_thumb-swiper_slide.swiper-slide-thumb-active {
  border-color: var(--border-colors--dark-grey);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  appearance: none;
}
.form_select-toggle.w--open .form_select-icon {
  transform: rotate(180deg);
}
.quote-modal_qty-field {
  border: none;
  background-color: transparent;
  width: 2rem;
  height: 2rem;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.quote-modal_product.has-qty {
  border-color: var(--border-colors--medium-grey);
}
[data-accordion=trigger]:hover .accordion_icon-wrap {
  background-color: var(--background-colors--lavender);
}
[data-accordion=accordion-item].is-open .accordion_icon-wrap {
  background-color: var(--background-colors--grey);
}
[data-accordion=accordion-item].is-open .accordion_icon-wrap.is-grey {
  background-color: var(--background-colors--medium-grey);
}
[data-accordion=accordion-item].is-open .accordion_line.is-vertical {
  display: none;
}
.product-spec_tech_trigger-wrap:hover .product-spec_accordion_btn {
  background-color: var(--background-colors--lavender);
}
.product-spec_tech_accordion-item.is-open .product-spec_accordion_line.is-vertical,
.product-spec_accordion_item.is-open .product-spec_accordion_line.is-vertical {
  display: none;
}
.product-spec_tech_accordion-item.is-open .product-spec_accordion_btn,
.product-spec_accordion_item.is-open .product-spec_accordion_btn {
  background-color: var(--background-colors--medium-grey);
}
.product-spec_tech_accordion-item.is-open .product-spec_tech_trigger-wrap {
  background-color: var(--background-colors--grey);
}
.product-mobility_accordion_item.is-open .product-mobility_accordion_wrap {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: var(--background-colors--white-asparagus);
  border-radius: 0.625rem;
}
.product-mobility_accordion_item.is-open {
  border-bottom: none;
  background-color: white;
}
.product-mobility_accordion_item.is-open .product-mobility_accordion_wrap {
  color: var(--text-colors--black);
}
.product-mobility_accordion_item.is-open .product-mobility_accordion_line.is-vertical {
  display: none;
}
@media only screen and (min-width: 992px) {
  .product-faq_accordion_item:hover .product-faq_accordion_btn,
  .faq-list_accordion_item:hover .faq-list_accordion_btn {
    background-color: var(--background-colors--lavender) !important;
  }
}
@media only screen and (max-width: 767px) {
  .product-spec_accordion_item.is-open .product-spec_accordion_title-wrap {
    border-bottom: 1px solid var(--border-colors--grey);
  }
  .product-spec_tech_accordion-item.is-open {
    background-color: var(--background-colors--grey);
  }
  .product-spec_tech_accordion-item.is-open .product-spec_tech_title-wrap {
    border-color: var(--border-colors--medium-grey);
  }
}
.product-faq_accordion_item-wrap.is-open .product-faq_accordion_btn,
.faq-list_accordion_item-wrap.is-open .faq-list_accordion_btn {
  background-color: var(--background-colors--grey);
}
.product-faq_accordion_item-wrap.is-open .product-faq_accordion_btn-line.is-vertical,
.faq-list_accordion_item-wrap.is-open .faq-lsit_accordion_btn-line.is-vertical {
  display: none;
}
.product-features_nav-btn.is-disabled {
  display: none;
}
@media only screen and (max-width: 991px) {
  .header[data-header-sticky=false] {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .header[data-header-sticky=false] {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.mobile-menu_accordion-item.is-open .mobile-menu_accordion-btn-line.is-vertical {
  display: none;
}
.mobile-menu_accordion-item.is-open .mobile-menu_accordion-trigger.has-border-bottom {
  border-bottom: none;
}
.mobile-menu_wrap {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mobile-menu_wrap::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_product-other .products_collection-item:nth-child(3) {
    display: none;
  }
}
.product-hero_rotating-text:not(:first-child),
.product-hero_rotating-text:not(:first-child) {
  opacity: 0;
}
.product-hero_rotating-text:first-child {
  position: static;
}
.form_checkbox-wrap:hover:not(:has(.form_checkbox-url:hover)) .form_checkbox:not(.w--redirected-checked) {
  border-style: solid;
  border-color: var(--border-colors--medium-grey);
}
form .error:not(.w-select) {
  color: #a5565a;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
form .checkbox-error {
  border: 1px solid #a5565a !important;
  background-color: #f0d7d7 !important;
}
.home-usage_headings-wrap h3:not(:first-child) {
  opacity: 0.25;
}
.home-usage_headings-wrap .no-hover {
  pointer-events: none;
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
#hubspot-messages-iframe-container {
  z-index: 200 !important;
}
@media only screen and (min-width: 992px) {
  .products_item:hover .products_image,
  .header_mega_product-link:hover .header_mega_product-img,
  .index-products_link-wrap:hover .index-products_image {
    transform: scale(1.1);
  }
}
.cky-box-bottom-right {
  bottom: 1.5rem !important;
  right: 1.5rem !important;
}
.cky-consent-container {
  min-width: 28.3125rem !important;
}
.cky-consent-container .cky-consent-bar {
  border-radius: 8px !important;
  padding: 1.25rem !important;
}
.cky-notice .cky-title {
  margin-bottom: 0.25rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
}
.cky-notice-des,
.cky-notice-des * {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.cky-notice-btn-wrapper {
  margin-top: 1.25rem !important;
  flex-direction: row-reverse !important;
  justify-content: start !important;
  column-gap: 1rem !important;
}
.cky-btn {
  font-size: 0.875rem !important;
  margin: 0px !important;
  line-height: 1.25rem !important;
  padding: 0.375rem 0.625rem !important;
  font-weight: 400 !important;
  border-radius: 0.25rem !important;
  flex: none !important;
}
.cky-btn:hover {
  opacity: unset !important;
}
.cky-btn-customize {
  padding: 0px !important;
  line-height: 1.25rem !important;
}
.cky-modal {
  border-radius: 10px 0 0 10px !important;
}
.cky-preference-center {
  width: 50vw !important;
  padding: 2rem !important;
  overflow: auto !important;
}
.cky-preference-header {
  padding: unset !important;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 1.25rem !important;
}
.cky-preference-header .cky-preference-title {
  font-size: 2rem !important;
  line-height: 2.5rem !important;
  font-weight: 400 !important;
  grid-column: 3 / 7 !important;
}
.cky-preference-header .cky-btn-close {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: start !important;
  height: auto !important;
  align-self: start;
}
.cky-btn-close img {
  width: 1.5rem !important;
  height: 1.5rem !important;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cky-btn-close:hover img {
  transform: rotate(90deg);
}
.cky-preference-body-wrapper {
  padding: unset !important;
  overflow: unset !important;
}
.cky-preference-content-wrapper {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 1.25rem !important;
  padding: 0.5rem 0 5.75rem 0 !important;
}
.cky-preference-content-wrapper p {
  grid-column: 3 / 7 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
}
.cky-always-active {
  display: none !important;
}
.cky-accordion-wrapper {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 0 !important;
}
.cky-accordion .cky-accordion-item {
  margin-top: unset !important;
  padding: 1.5rem 0 !important;
  border-top: 1px solid var(--border-colors--dark-grey) !important;
}
.cky-accordion:last-child .cky-accordion-item {
  border-bottom: 1px solid var(--border-colors--dark-grey) !important;
}
.cky-accordion-header .cky-accordion-btn {
  font-weight: 400 !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.cky-accordion-header-des {
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5rem !important;
  margin: 0.5rem 0 0 0 !important;
}
.cky-switch input[type=checkbox] {
  border-radius: 0.25rem !important;
  height: 24px !important;
  width: 46px !important;
}
.cky-switch input[type=checkbox]:before {
  background-color: var(--background-colors--medium-grey) !important;
  border-radius: 0.125rem !important;
  width: 20px !important;
  height: 20px !important;
}
.cky-switch input[type=checkbox]:checked:before {
  -webkit-transform: translateX(22px) !important;
  -ms-transform: translateX(22px) !important;
  transform: translateX(22px) !important;
  background-color: white !important;
}
.cky-footer-shadow {
  display: none !important;
}
.cky-prefrence-btn-wrapper {
  padding: 2rem 0 0 0 !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  column-gap: 1rem !important;
  align-items: center !important;
}
.cky-prefrence-btn-wrapper .cky-btn {
  width: auto !important;
  font-size: 1rem !important;
}
.cky-btn.cky-btn-preferences {
  padding: 0 !important;
}
.video-placeholder-normal {
  display: none !important;
}
[data-cky-tag=detail-powered-by] {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .cky-box-bottom-right {
    bottom: 0rem !important;
    right: 0rem !important;
  }
  .cky-consent-container {
    width: 100% !important;
    min-width: unset !important;
  }
  .cky-preference-center {
    width: 100% !important;
    padding: 1.25rem !important;
  }
  .cky-preference-header .cky-preference-title {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    align-self: start !important;
  }
  .cky-btn-close {
    align-self: end !important;
  }
  .cky-preference-header {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .cky-preference-content-wrapper {
    display: block !important;
    padding-bottom: 2rem !important;
  }
  .cky-accordion-header .cky-accordion-btn {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .cky-accordion .cky-accordion-item {
    padding: 1.25rem 0 !important;
  }
  .cky-prefrence-btn-wrapper {
    display: flex !important;
    flex-direction: column !important;
    row-gap: 1rem !important;
  }
}
@media only screen and (max-width: 440px) {
  .cky-custom-brand-logo-wrapper,
  .cky-notice .cky-title,
  .cky-notice-des,
  .cky-notice-btn-wrapper {
    padding: unset !important;
  }
  .cky-btn {
    width: unset !important;
  }
  .cky-notice-btn-wrapper {
    flex-direction: row !important;
  }
}
.faq-list_nav-link.is-current {
  background-color: var(--background-colors--white);
  color: var(--text-colors--black);
}
.faq-list_nav-wrap {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.faq-list_nav-wrap::-webkit-scrollbar {
  height: 0;
}
.about-cards_card {
  box-shadow: 0px 0px 16px 0px #00000008;
}
.about-values_list_item.is-active .about-values_list_title,
.about-values_list_item.is-active .about-values_list_description {
  opacity: 1;
}
.about-values_list_title {
  transition: opacity 0.3s ease;
}
.about-values_list_item.is-active .about-values_list_description {
  transition: opacity 0.5s ease;
}
.about-values_list_item.no-hover {
  pointer-events: none;
}
.about-values_slider_nav-btn.is-disabled {
  color: var(--text-colors--dark-grey);
}
[data-showroom-search=item].filter-hide {
  display: none;
}
[data-showroom-search=item]:first-child {
  border: none;
}
@media only screen and (max-width: 767px) {
  [data-showroom-search=item].load-more-hide {
    display: none;
  }
}
.showroom_list_search-wrap .showroom__list_search-input:not(:placeholder-shown) ~ .showroom_list_search-icon {
  color: black;
}
.showroom_list_search-wrap .showroom__list_search-input:not(:placeholder-shown) ~ .showroom_list_search-clear-btn {
  display: block;
}
.showroom_map_marker-wrap,
.showroom_map_cluster-marker {
  background-color: var(--background-colors--lavender);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showroom_map_marker-icon {
  width: 1rem;
  height: 1rem;
  color: var(--text-colors--black);
}
.showroom_list_icon-wrap,
[data-showroom-marker-item],
.showroom_map_marker-icon,
.showroom_list_marker-icon {
  transition: all 0.2s ease;
}
[data-showroom-list-item].is-hovered .showroom_list_icon-wrap,
.showroom_list_item:hover .showroom_list_icon-wrap,
.showroom_map_marker-wrap:hover,
[data-showroom-marker-item].is-hovered,
[data-showroom-marker-item].is-open {
  background-color: var(--background-colors--black);
}
[data-showroom-list-item].is-hovered .showroom_list_marker-icon,
.showroom_list_item:hover .showroom_list_marker-icon,
.showroom_map_marker-wrap:hover .showroom_map_marker-icon,
[data-showroom-marker-item].is-hovered .showroom_map_marker-icon,
[data-showroom-marker-item].is-open .showroom_map_marker-icon {
  color: var(--text-colors--white);
}
.showroom_map_cluster-marker.is-hovered,
.showroom_map_cluster-marker:hover {
  background-color: var(--background-colors--black);
  color: var(--text-colors--white);
}
.gm-style-iw-chr {
  display: none;
}
.gm-style .gm-style-iw-c {
  padding: 1rem !important;
  max-height: none !important;
  max-width: 11.5rem !important;
  border-radius: 4px !important;
  box-shadow: 0px 8px 16px 0px #0000000d !important;
  transform: translate3d(-12%, -100%, 0) !important;
}
.gm-style-iw-d {
  overflow: auto !important;
}
.gm-style .gm-style-iw-tc::after,
.gm-style .gm-style-iw-tc {
  width: 0.625rem !important;
  height: 0.375rem !important;
}
@media only screen and (min-width: 992px) {
  .knowledge-downloads_list-col .knowledge-downloads_item:first-child {
    padding-top: 0;
  }
}
.knowledge-downloads_list-col .knowledge-downloads_item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.knowledge-downloads_list-col .knowledge-downloads_item:hover .knowledge-downloads_icon-wrap {
  background-color: var(--background-colors--lavender);
}
.stories-list_radio-wrap.fs-cmsfilter_active {
  background-color: var(--background-colors--light-gray);
  color: var(--text-colors--black);
}
.stories-list_filters-wrap {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.stories-list_filters-wrap::-webkit-scrollbar {
  display: none;
}
.blogs-list_radio-wrap.fs-cmsfilter_active {
  background-color: var(--background-colors--light-gray);
  color: var(--text-colors--black);
}
.blogs-list_filters-wrap {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.blogs-list_filters-wrap::-webkit-scrollbar {
  display: none;
}
li::marker {
  font-size: 0.875rem;
}
.knowledge-block_download .knowledge-block_download_item:last-child {
  padding-bottom: 0;
}
.knowledge-block_download_item:hover .knowledge-block_download_icon-wrap {
  background-color: var(--background-colors--lavender);
}
.knowledge-block_accordion .knowledge-block_accordion_item-wrap:last-child {
  padding-bottom: 0;
}
.downloads-list_section-block .downloads-list_item:last-child {
  padding-bottom: 0;
}
.downloads-list_item:hover .downloads-list_icon-wrap {
  background-color: var(--background-colors--lavender);
}
.downloads-list_nav-link.is-current {
  background-color: var(--background-colors--white);
  color: var(--text-colors--black);
}
textarea {
  resize: none;
}
.product-compare_item:hover .product-compare_secondary-button {
  opacity: 100;
}
.product-compare_item.is-current .product-compare_icon,
.product-compare_item.is-current .product-compare_link-block,
.product-compare_item.is-current .product-compare_secondary-button {
  display: none;
}
.product-compare_item.is-current .product-compare_item-wrap {
  background-color: var(--background-colors--white);
}
.product-compare_item.is-current .product-compare_main-buttons {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .product-compare_item:not(.is-current) .product-compare_secondary-button {
    opacity: 100;
  }
  .product-compare_item.is-current {
    order: -1;
  }
}
[data-external-video-btn=play] .external-video_control-icon.is-pause {
  display: none;
}
[data-external-video-btn=pause] .external-video_control-icon.is-play {
  display: none;
}

/* node_modules/swiper/swiper.css */
@font-face {
  font-family: "swiper-icons";
  src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
: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;
  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;
}
.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;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:
    linear-gradient(
      to left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .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-lazy-preloader,
.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);
  }
}

/* node_modules/swiper/modules/navigation.css */
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* node_modules/swiper/modules/effect-fade.css */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* node_modules/overlayscrollbars/styles/overlayscrollbars.css */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}
.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}
.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}
.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}
.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before,
.os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}
.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}
.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}
.os-size-observer-listener-item-final {
  transition: none;
}
@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}
[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~=scrollbarHidden] {
  scrollbar-width: none !important;
}
[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}
html[data-overlayscrollbars-body] {
  overflow: hidden;
}
html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}
html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}
[data-overlayscrollbars] {
  position: relative;
}
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto !important;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}
[data-overlayscrollbars],
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  overflow: hidden !important;
}
[data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}
[data-overlayscrollbars-viewport~=measuring] {
  overflow: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-x: visible !important;
}
[data-overlayscrollbars-viewport~=overflowXHidden] {
  overflow-x: hidden !important;
}
[data-overlayscrollbars-viewport~=overflowXScroll] {
  overflow-x: scroll !important;
}
[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-y: visible !important;
}
[data-overlayscrollbars-viewport~=overflowYHidden] {
  overflow-y: hidden !important;
}
[data-overlayscrollbars-viewport~=overflowYScroll] {
  overflow-y: scroll !important;
}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}
@property --os-scroll-percent { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --os-viewport-percent { syntax: "<number>"; inherits: true; initial-value: 0; }
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) );
}
.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition:
    opacity 0.15s,
    visibility 0.15s,
    top 0.15s,
    right 0.15s,
    bottom 0.15s,
    left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}
.os-scrollbar-transitionless {
  transition: none !important;
}
.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}
.os-scrollbar-handle {
  position: absolute;
}
.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}
.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}
.os-scrollbar-vertical {
  top: 0;
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}
.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}
.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}
.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}
@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}
@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}
.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition:
    opacity 0.15s,
    background-color 0.15s,
    border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}
.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}
.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition:
    opacity 0.15s,
    background-color 0.15s,
    border-color 0.15s,
    height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}
.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition:
    opacity 0.15s,
    background-color 0.15s,
    border-color 0.15s,
    width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}
.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}
.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}
/*! Bundled license information:

overlayscrollbars/styles/overlayscrollbars.css:
  (*! 
   * OverlayScrollbars
   * Version: 2.10.0
   * 
   * Copyright (c) Rene Haas | KingSora.
   * https://github.com/KingSora
   * 
   * Released under the MIT license.
   *)
*/
/*# sourceMappingURL=bundle.css.map */