.swiper-implementation {
  --swiper-theme-color: var(--primary);
}
.swiper-implementation .swiper-container {
  position: relative;
}
.swiper-implementation .swiper-slide {
  width: auto;
  max-width: 300px;
  max-width: 300px;
}
.swiper-implementation .swiper-slide .beyond-element-image {
  max-width: 300px;
  min-height: 300px;
  user-select: none;
}
.swiper-implementation .swiper-slide .beyond-element-image img {
  width: 100%;
  max-width: 300px;
  height: 100%;
  min-height: 300px;
}
.swiper-implementation .swiper-slide .beyond-element-image .beyond-element-image-preload {
  background-color: var(--gray-light);
}
.swiper-implementation .swiper-pagination {
  width: 100%;
  height: 7px;
  right: 0;
  top: auto;
  left: auto;
  border-radius: 1rem;
  z-index: 100;
}
.swiper-implementation .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}
.swiper-implementation .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--primary);
}
.swiper-implementation .swiper-pagination .swiper-pagination-progressbar-fill {
  border-radius: 1rem;
}

.view .component-implementation {
  flex-direction: column;
}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2plY3QvbW9kdWxlcy9zd2lwZXIvdmlldy93aWRnZXQvc2Nzcy9wcm9qZWN0XFxtb2R1bGVzXFxzd2lwZXJcXHZpZXdcXHdpZGdldFxcc2Nzc1xcc3R5bGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTs7QUFDQTtFQUNFOztBQUVGO0VBQ0U7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUVBOztBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7QUFLTjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7OztBQUlOO0VBQ0UiLCJmaWxlIjoiIiwic291cmNlUm9vdCI6Ii8ifQ== */