.community-list-swiper {
  background-color: rgb(var(--color-background));
}

.community-list-swiper .block-heading,
.community-list-swiper .subheading {
  width: 100%;
}

.community-list-swiper .custom-html-block {
  background-color: rgb(var(--color-background));
}

.community-list-swiper .subheading,
.community-list-swiper .rte {
  word-break: break-word;
}



.community-list-swiper {
  text-transform: none;
  position: relative;
}

.community-list-swiper .mute-button {
  position: absolute;
  bottom: 26px;
  right: 25px;
}

.community-list-swiper .community-list-swiper-box {
  display: flex;
  position: relative;
  width: 100%;
  padding-left: 70px;
  padding-right: 70px;
}

.community-list-swiper .swiper-container {
  display: flex;
  width: 100%;
  overflow: hidden;
  /* {% if section.settings.swiper_height > 0 %}
  height: calc(100vw * {{ section.settings.swiper_height }} / var(--base-width));
  {% endif %} */
}

.community-list-swiper .swiper-wrapper {
  display: flex;
}

.community-list-swiper .swiper-switchbox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

.community-list-swiper .community-slide {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}

.community-list-swiper .community-namebox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.community-list-swiper .community-profile-picture {
  display: flex;
  align-items: center;
  margin-right: 22px;
}

.community-list-swiper .community-name {
  overflow-wrap: anywhere;
}

.community-list-swiper .community-verified {
  overflow-wrap: anywhere;
}

.community-list-swiper .community-verified-span {
  opacity: 0.6;
}

.community-list-swiper .community-verified-icon {
  display: flex;
  align-items: center;
  margin-left: 8px;
}

.community-list-swiper .community-verified-icon svg {
  width: 16px;
  height: 16px;
}

.community-list-swiper .community-profile-picture-img {
  height: 30px;
  width: 30px;
  border-radius: 24px;
  border: 1px solid #000;
}

.community-list-swiper .community-slide-lt {}

.community-list-swiper .community-slide-lt .theme-video-media-new {
  aspect-ratio: calc(434 / 620);
}

.community-list-swiper .community-slide-lt .theme-video-media__poster img {
}

.community-list-swiper .community-slide-lt video {
}

.community-list-swiper .video-player-box {
  position: relative;
  margin-bottom: 26px;
} 

.community-list-swiper .video-content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom:  60px;
  z-index: 99;
  text-align: left;
  color: #fff;
}

.community-list-swiper .community-image {
  width: 100%;
}

.community-list-swiper .community-product {
  display: flex;
  gap: 1vw;
  border-radius: 8px;
  background: #FFFFFF;
  backdrop-filter: blur(25px);
  padding-top: 0.52vw;
  padding-bottom: 0.52vw;
  padding-left: 0.52vw;
  padding-right: 0.52vw;
}

.community-list-swiper .community-slide-content {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom:  20px;
  color: #fff;
  z-index: 3;
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: flex-start;
  align-items: center;
}


.community-list-swiper .community-slide-content-left-box {
  display: flex;
  /* flex-direction: row; */
  /* flex-wrap: wrap; */
  /* flex: 1; */
  /* gap: 22px; */
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
}

.community-list-swiper .community-slide-content-right-box {
  margin-right: 7px;
  max-width: 36px;
  flex: 0;
}

.community-list-swiper .community-product-imgbox {
  width: 78px;
  height: 78px;
  flex-shrink: 0;
  border-radius: 6px;
  background: #F0F0F0;
  text-align: center;
  overflow: hidden;
}

.community-list-swiper .community-product-imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.community-list-swiper .community-product-infobox {
  display: flex;
  flex-direction: column;
}

.community-list-swiper .community-product-title {
  flex: 1;
  margin-bottom: 7px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}

.community-list-swiper .community-product-price .product-price__item {
  color: #333333;
  opacity: 0.6;
}

.community-list-swiper .c-swiper-switch__item {
  position: absolute;
  top: -80px;
}

.community-list-swiper .c-swiper-switch__item_prev {
  right: 60px;
}

.community-list-swiper .c-swiper-switch__item_next {
  right: 0px;
}

.community-list-swiper .community-list-swiper-title-box {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
  width: 100%;
}

.community-list-swiper .community-list-swiper-info-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
  flex-wrap: wrap;
}

.community-list-swiper .community-list-swiper-star {
  display: flex;
}

.community-list-swiper .community-list-swiper-star-img {
  flex-shrink: 0;
  height: 20px;
}

.community-list-swiper .community-list-swiper-title {
  width: 907px;
  text-align: center;
  color: #333333;
  text-transform: uppercase;
}

.community-list-swiper .community-list-swiper-desc {
  color: #333333;
  margin-left: 15px;
}

.community-list-swiper .muted-icon {
  display: flex;
}

.community-list-swiper .unmuted-icon {
  display: none;
}


.community-list-swiper .video-player-box.active .community-slide-content {
  display: none;
}


@media(max-width: 1024px){
  .community-list-swiper .video-player-box {
    margin-bottom: 12px;
  } 

  .community-list-swiper .community-profile-picture {
    margin-right: 14px;
  }

  .community-list-swiper .community-slide-lt .theme-video-media {
    aspect-ratio: calc(299 / 432);
  }

  .community-list-swiper .community-list-swiper-box {
    padding-right: 0;
  }
}

@media(max-width: 768px){
  .community-list-swiper{
    gap: 0px;
  }
  .community-list-swiper .swiper-container{
  }
  .community-list-swiper .swiper-container .swiper-slide{
      height: fit-content;
  }
  .community-list-swiper .c-swiper-switch__item{
      position: static;
  }
  .community-list-swiper  .community-slide{
      height: 100% !important;
  }
  .community-list-swiper .community-list-swiper-title-box {
    margin-bottom: 25px;
  }

  .community-list-swiper .community-list-swiper-info-box {
    margin-bottom: 26px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .community-list-swiper .community-image{
    margin-bottom: 15px;
  }

  /* .community-list-swiper .community-content{
    margin-top: 15px;
  } */

  .community-list-swiper .community-name {
    margin-top: 0px;
  }

  .community-list-swiper .community-list-swiper-star-img {
    height: 12px;
  }

  .community-list-swiper .community-list-swiper-box {
    padding-left: 20px;
    padding-right: 0;
  }

  .community-list-swiper .video-content{
    left:  18px;
    right: 18px;
    bottom: 60px;
  }

  .community-list-swiper .video-player-box {
    margin-bottom: 18px;
  } 

  .community-list-swiper .community-product-imgbox {
    width: 12vw;
    height: 12vw;
  }

  .community-list-swiper .community-profile-picture {
    margin-right: 1.33vw;
  }

  .community-list-swiper .community-slide-lt .theme-video-media {
    aspect-ratio: calc(393 / 562);
  }

  .community-list-swiper .community-slide-content-right-box {
    display: none;
  }

  .community-list-swiper .community-slide-content {
    left: 1.33vw;
    right: 1.33vw;
  }
}