/*
Do not edit directly
Generated on Tue, 04 Jun 2024 10:07:10 GMT
*/
/**
 * Do not edit directly
 * Generated on Tue, 04 Jun 2024 10:07:10 GMT
 */
/* $breakpointsKeys: (xxs, xs, sm, md, lg, xl);$breakpointsKeys */
._wrapper_6qklp_10 {
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 20px;
  z-index: 10;
  cursor: pointer;
  display: none;
  transform: translateY(-50%);
  color: #1b1b1b;
}
._wrapper_6qklp_10.swiper-button-disabled ._icon_6qklp_24 {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
main[data-preview-area][data-editor-viewport=desktop] ._wrapper_6qklp_10 {
  display: flex;
}
@media (min-width: 1024px) {
  main[data-preview-area]:not([data-editor-viewport]) ._wrapper_6qklp_10 {
    display: flex;
  }
}
._wrapper_6qklp_10._right_6qklp_37 {
  left: auto;
  right: 20px;
}
._wrapper_6qklp_10._right_6qklp_37 ._icon_6qklp_24 {
  transform: rotate(0);
}
._wrapper_6qklp_10._hidden_6qklp_44 {
  visibility: hidden;
}
._wrapper_6qklp_10._large_6qklp_47 {
  width: 40px;
  height: 40px;
}
._wrapper_6qklp_10._large_6qklp_47 ._icon_6qklp_24 {
  width: 40px;
  height: 40px;
}
._wrapper_6qklp_10._normal_6qklp_55 ._icon_6qklp_24 {
  width: 32px;
  height: 32px;
}

._icon_6qklp_24 {
  width: 32px;
  height: 32px;
  display: block;
  transition: opacity 0.3s ease;
  transform: rotate(180deg);
}
._root_atn9l_1 {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-width: 100%;
  scrollbar-width: none;
}
._root_atn9l_1::-webkit-scrollbar {
  display: none;
}

._item_atn9l_14 {
  flex-shrink: 0;
  width: calc((100% - 8px * (var(--carousel-slide-count) - 1)) / var(--carousel-slide-count));
  min-width: calc((100% - 8px * (var(--carousel-slide-count) - 1)) / var(--carousel-slide-count));
}
/*
Do not edit directly
Generated on Tue, 04 Jun 2024 10:07:10 GMT
*/
/**
 * Do not edit directly
 * Generated on Tue, 04 Jun 2024 10:07:10 GMT
 */
/* $breakpointsKeys: (xxs, xs, sm, md, lg, xl);$breakpointsKeys */
._root_sstn9_10 {
  --brick-padding-top: initial;
  --brick-padding-bottom: initial;
  --brick-padding-left: initial;
  --brick-padding-right: initial;
  --brick-max-width: initial;
  --brick-height: initial;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding-top: var(--brick-padding-top, 0);
  padding-bottom: var(--brick-padding-bottom, 0);
  padding-left: var(--brick-padding-left, 0);
  padding-right: var(--brick-padding-right, 0);
}
._root_sstn9_10[data-layout=left], ._root_sstn9_10:not([data-layout]) {
  justify-content: flex-start;
}
._root_sstn9_10[data-layout=center] {
  justify-content: center;
}
._root_sstn9_10[data-layout=right] {
  justify-content: flex-end;
}

._container_sstn9_35 {
  box-sizing: border-box;
  height: var(--brick-height, auto);
  max-width: var(--brick-max-width, 100%);
  width: min(100%, var(--brick-max-width, 100%));
  position: relative;
}
main[data-preview-area][data-editor-viewport=desktop] ._container_sstn9_35 {
  padding: 0px 84px;
}
@media (min-width: 1024px) {
  main[data-preview-area]:not([data-editor-viewport]) ._container_sstn9_35 {
    padding: 0px 84px;
  }
}
main[data-preview-area][data-editor-viewport=desktop] ._container_sstn9_35._withDots_sstn9_50 {
  padding: 0;
}
@media (min-width: 1024px) {
  main[data-preview-area]:not([data-editor-viewport]) ._container_sstn9_35._withDots_sstn9_50 {
    padding: 0;
  }
}

._swiper_sstn9_59 {
  width: 100%;
  max-width: 100%;
  display: grid;
}
._swiper_sstn9_59 .swiper-wrapper {
  min-width: 0;
}
._swiper_sstn9_59 .swiper-button-next,
._swiper_sstn9_59 .swiper-button-prev {
  display: none;
}
._swiper_sstn9_59 .swiper-pagination {
  position: relative;
  margin-top: 10px;
  padding-top: 10px;
  left: 50% !important;
  transform: translateX(-50%);
  white-space: nowrap;
  display: flex;
  justify-content: center;
  gap: 8px;
}
main[data-preview-area][data-editor-viewport=desktop] ._swiper_sstn9_59 .swiper-pagination {
  display: none !important;
}
@media (min-width: 1024px) {
  main[data-preview-area]:not([data-editor-viewport]) ._swiper_sstn9_59 .swiper-pagination {
    display: none !important;
  }
}
._swiper_sstn9_59 .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d1d5db;
  cursor: pointer;
  transition: background-color 0.3s ease;
  opacity: 1;
  margin: 0 !important;
}
._swiper_sstn9_59 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1b1b1b;
}
main[data-preview-area][data-editor-viewport=desktop] ._swiper_sstn9_59._withDotsPagination_sstn9_103 .swiper-pagination {
  display: flex !important;
}
@media (min-width: 1024px) {
  main[data-preview-area]:not([data-editor-viewport]) ._swiper_sstn9_59._withDotsPagination_sstn9_103 .swiper-pagination {
    display: flex !important;
  }
}

._slide_sstn9_112 {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

._Arrow_sstn9_119 {
  display: none;
}
main[data-preview-area][data-editor-viewport=desktop] ._Arrow_sstn9_119 {
  display: block;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1024px) {
  main[data-preview-area]:not([data-editor-viewport]) ._Arrow_sstn9_119 {
    display: block;
    top: 50%;
    transform: translateY(-50%);
  }
}

main[data-preview-area][data-editor-viewport=desktop] :has([data-components-preview]) ._container_sstn9_35 {
  padding: 0px 0px;
}
@media (min-width: 1024px) {
  main[data-preview-area]:not([data-editor-viewport]) :has([data-components-preview]) ._container_sstn9_35 {
    padding: 0px 0px;
  }
}