/** Shopify CDN: Minification failed

Line 100:0 Unexpected "}"

**/
.social-media-container .media-container {
  font-size: 0;
  display: grid;
  max-width: 100%;
  gap: calc(4 * var(--size));
  grid-template-columns: repeat(4, 1fr);
}
.social-media-container .media-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media screen and (min-width: 750px) {
  .social-media-container .media-container {
    gap: calc(10 * var(--size));
  }
}
@media screen and (max-width: 749px) {
  .social-media-container:is(.mobile-swipe-display) .section-container.page-width {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .social-media-container:is(.mobile-swipe-display) .media-container {
    scroll-snap-type: x mandatory;	
    display: flex;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    padding: 0 5vw;
  }
  .social-media-container:is(.mobile-swipe-display) .media-container > div {
    scroll-snap-align: center;
    width: 90vw;
    min-width: 90vw;
    aspect-ratio: 3 / 4;
  }
}
@media screen and (max-width: 749px) {
  .social-media-container:is(.mobile-grid-display) .section-container.page-width {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .social-media-container:is(.mobile-grid-display) .media-container {
    grid-template-columns: repeat(2, 1fr);
    /* padding: 0 5vw; */
    gap: 0;
  }
  .social-media-container:is(.mobile-grid-display) .media-container > div {
    scroll-snap-align: center;
    width: 50vw;
    min-width: 50vw;
    aspect-ratio: 3 / 4;
  }
}
@media screen and (max-width: 749px) {
  .social-media-container:is(.mobile-column-display) .section-container.page-width {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .social-media-container:is(.mobile-column-display) .media-container {
    grid-template-columns: repeat(1, 1fr);
    /* padding: 0 5vw; */
    gap: 0;
  }
  .social-media-container:is(.mobile-column-display) .media-container > div {
    scroll-snap-align: center;
    width: 100vw;
    min-width: 100vw;
    aspect-ratio: 3 / 4;
  }
}
/* VIDEO OPTION */
/* .social-media-container .video-cover video,
.social-media-container .video-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}   */
/* .social-media-container .video-cover {
  width: 100%;
  height: 100%;
  border-radius: calc(0 * var(--size));
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 750px) {
    /* .social-media-container .video-cover {
    width: 100%;
    height: 100%;
    border-radius: calc(0 * var(--size));
    overflow: hidden;
    position: relative;
  } */
}