/**
 * @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
 */
.responsive-picture[data-v-a7ee475b],
.responsive-img[data-v-a7ee475b] {
  width: 100%;
  height: 100%;
  display: block;
}
.responsive-img[data-v-a7ee475b] {
  object-fit: cover;
}
.responsive-img.hover-zoom[data-v-a7ee475b] {
  transition: transform 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: scale(1, 1);
}
.responsive-img.hover-zoom[data-v-a7ee475b]:hover {
  transform: scale(1.025, 1.025);
  transform-origin: center;
}
.responsive-img.intrinsic-size[data-v-a7ee475b] {
  object-fit: scale-down;
  object-position: center center;
  margin: 0px auto;
  max-width: 100%;
}