/**
 * @param {string} $scheme - The color scheme of the button. Options are nothing, $scheme-light, $scheme-dark
 * if $scheme-dark is passed, the button will be black text and black outline
 * if $scheme-light is passed, the button will be white text and white outline
 * if no $scheme is passed, the button will depend on the background color via the bg-dark mixin
 *   - if ancestor DOES have bg-dark, then white text and white outline
 *   - if ancestor DOES NOT have bg-dark, then black text and black outline
 */
.media-background[data-v-3fe0b156] {
  margin: 0px;
}
.media-background.inset[data-v-3fe0b156] {
  margin: 0px 4%;
}
.-facets-open-grid .media-background.inset[data-v-3fe0b156] {
  margin: 0px 2.88%;
}
.media-background .media-background__inner-container[data-v-3fe0b156] {
  position: relative;
  width: 100%;
}
.media-background .media-background__inner-container.fixed-aspect-ratio[data-v-3fe0b156] {
  height: 100%;
  aspect-ratio: var(--aspect-ratio-mobile);
}
@media (min-width: 768px) {
.media-background .media-background__inner-container.fixed-aspect-ratio[data-v-3fe0b156] {
    aspect-ratio: var(--aspect-ratio-tablet-desktop);
}
}
.media-background .media-background__inner-container.viewheight-aspect-ratio[data-v-3fe0b156] {
  min-height: 80vh;
}
.media-background .background-media[data-v-3fe0b156] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.media-background .overlay-container[data-v-3fe0b156] {
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  overflow: hidden;
}
.media-background .overlay-container.viewheight-aspect-ratio[data-v-3fe0b156] {
  min-height: 80vh;
}
.media-background .overlay-container.fixed-aspect-ratio[data-v-3fe0b156] {
  height: 100%;
}