/** Shopify CDN: Minification failed

Line 37:12 Unexpected "{"
Line 37:21 Expected ":"
Line 44:12 Unexpected "{"
Line 44:21 Expected ":"
Line 51:12 Unexpected "{"
Line 51:21 Expected ":"
Line 60:12 Unexpected "{"
Line 60:21 Expected ":"
Line 66:12 Unexpected "{"
Line 66:21 Expected ":"
... and 6 more hidden warnings

**/
.section-brand-hero-padding {
  /* placeholder for future reuse */
}

.section-brand-hero-padding,
.section-brand-hero-padding * {
  box-sizing: border-box;
}

.section-brand-hero-padding {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 750px) {
  .section-brand-hero-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}

#BrandHero-{{ section.id }} .fv-slider {
  position: relative;
  height: 41vw;
  max-height: 70vh;
  overflow: hidden;
}

#BrandHero-{{ section.id }} .brand-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#BrandHero-{{ section.id }} .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

#BrandHero-{{ section.id }} .swiper-pagination .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  margin: 0 !important;
}

#BrandHero-{{ section.id }} .swiper-pagination .swiper-pagination-bullet-active {
  background-color: rgb(var(--color-foreground));
  width: 9px;
  height: 9px;
}

#BrandHero-{{ section.id }} .swiper-button-next:after,
#BrandHero-{{ section.id }} .swiper-button-prev:after {
  color: rgb(var(--color-foreground));
  font-size: 22px;
}

@media screen and (max-width: 749px) {
  #BrandHero-{{ section.id }} .fv-slider {
    height: 173vw;
    max-height: none;
  }
}