/*
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_2vdkk_10 {
  --brick-padding-top: initial;
  --brick-padding-bottom: initial;
  --brick-padding-left: initial;
  --brick-padding-right: initial;
  --brick-max-width: initial;
  --brick-height: initial;
  --brick-background: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --border-radius: initial;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  background: var(--brick-background, initial);
  border-width: var(--border-width, initial);
  border-style: var(--border-style, initial);
  border-color: var(--border-color, initial);
  border-radius: var(--border-radius, initial);
  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_2vdkk_10[data-layout=left], ._root_2vdkk_10:not([data-layout]) {
  justify-content: flex-start;
}
._root_2vdkk_10[data-layout=center] {
  justify-content: center;
}
._root_2vdkk_10[data-layout=right] {
  justify-content: flex-end;
}

._container_2vdkk_45 {
  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_2vdkk_45 {
  padding: 0px 84px;
}
@media (min-width: 1024px) {
  main[data-preview-area]:not([data-editor-viewport]) ._container_2vdkk_45 {
    padding: 0px 84px;
  }
}

._swiper_2vdkk_61 {
  width: 100%;
  max-width: 100%;
  display: grid;
}
._swiper_2vdkk_61 .swiper-wrapper {
  min-width: 0;
}
._swiper_2vdkk_61 .swiper-button-next,
._swiper_2vdkk_61 .swiper-button-prev {
  display: none;
}
._swiper_2vdkk_61 .swiper-pagination {
  position: relative;
  margin-top: 10px;
  padding-top: 10px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  display: flex;
  justify-content: center;
  gap: 8px;
}
main[data-preview-area][data-editor-viewport=desktop] ._swiper_2vdkk_61 .swiper-pagination {
  display: none !important;
}
@media (min-width: 1024px) {
  main[data-preview-area]:not([data-editor-viewport]) ._swiper_2vdkk_61 .swiper-pagination {
    display: none !important;
  }
}
._swiper_2vdkk_61 .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_2vdkk_61 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1b1b1b;
}

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

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

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