/**
 * @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
 */
.shoppable-text-links-content[data-v-8b789c1f] {
  font-family: "DenimINK-Regular", Arial, sans-serif;
  font-style: normal;
  line-height: 1.4;
  font-size: 12px;
  letter-spacing: 0rem;
  text-transform: none;
  color: #000000;
}
.-bg-dark .shoppable-text-links-content[data-v-8b789c1f], .-bg-section-dark .shoppable-text-links-content[data-v-8b789c1f], .-bg-page-dark .-bg-section-transparent .shoppable-text-links-content[data-v-8b789c1f] {
  color: #ffffff;
  fill: #ffffff;
}
.shoppable-text-links-content a[data-v-8b789c1f] {
  color: #000000;
}
.-bg-dark .shoppable-text-links-content a[data-v-8b789c1f], .-bg-section-dark .shoppable-text-links-content a[data-v-8b789c1f], .-bg-page-dark .-bg-section-transparent .shoppable-text-links-content a[data-v-8b789c1f] {
  color: #ffffff;
  fill: #ffffff;
}
.shoppable-text-links-content[data-v-8b789c1f] {
  margin: 24px 0px;
}
.shoppable-text-links-placeholder[data-v-8b789c1f] {
  min-height: 96px;
}
@media (min-width: 768px) {
.shoppable-text-links-placeholder[data-v-8b789c1f] {
    min-height: 64px;
}
}
.shoppable-text-caption[data-v-8b789c1f] {
  font-family: "DenimINK-Medium", Arial, sans-serif;
  font-style: normal;
  line-height: 1.4;
  font-size: 12px;
  letter-spacing: 0rem;
  text-transform: none;
  color: #000000;
}
.-bg-dark .shoppable-text-caption[data-v-8b789c1f], .-bg-section-dark .shoppable-text-caption[data-v-8b789c1f], .-bg-page-dark .-bg-section-transparent .shoppable-text-caption[data-v-8b789c1f] {
  color: #ffffff;
  fill: #ffffff;
}
.shoppable-text-caption a[data-v-8b789c1f] {
  color: #000000;
}
.-bg-dark .shoppable-text-caption a[data-v-8b789c1f], .-bg-section-dark .shoppable-text-caption a[data-v-8b789c1f], .-bg-page-dark .-bg-section-transparent .shoppable-text-caption a[data-v-8b789c1f] {
  color: #ffffff;
  fill: #ffffff;
}
.shoppable-text-delimiter[data-v-8b789c1f] {
  display: inline-block;
  padding: 0px 1ch;
}
.shoppable-text-link .product-price[data-v-8b789c1f] {
  display: inline-block;
}
.shoppable-text-link .product-price-hard[data-v-8b789c1f] {
  color: #c41320;
  padding-right: 0.5ch;
}
.shoppable-text-link .product-price-hard[data-v-8b789c1f] {
  padding-right: 0.5ch;
}
.shoppable-text-link .striked-out[data-v-8b789c1f] {
  text-decoration: line-through;
}
.shoppable-text-link .striked-out.product-price-regular[data-v-8b789c1f] {
  color: #6e6e6e;
}
.fade-enter-active[data-v-8b789c1f],
.fade-leave-active[data-v-8b789c1f] {
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fade-enter[data-v-8b789c1f],
.fade-leave-to[data-v-8b789c1f] {
  opacity: 0;
}/**
 * @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
 */
.module-media-block[data-v-86ebf67d] {
  margin: 0px;
  position: relative;
}
.module-media-block--content-left[data-v-86ebf67d] .lsco-col-grid24-xs-offset-3 {
  margin-left: 24px;
}
@media (min-width: 768px) {
.module-media-block--content-left[data-v-86ebf67d] .lsco-col-grid24-md-offset-4 {
    margin-left: 64px;
}
}
.module-media-block .lsco-row-xs--center[data-v-86ebf67d] {
  text-align: center;
}
.module-media-block .lsco-row-xs--center .block-link[data-v-86ebf67d] {
  margin: 0px auto;
}
.module-media-block[data-v-86ebf67d] .overlay-container {
  padding-bottom: 70px;
}
@media (min-width: 768px) {
.module-media-block[data-v-86ebf67d] .overlay-container {
    padding-bottom: 80px;
}
}
.module-media-block--redesign[data-v-86ebf67d] .overlay-container {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
.module-media-block--redesign[data-v-86ebf67d] .overlay-container {
    padding-bottom: 80px;
}
}
.module-media-block .overlay-image-container[data-v-86ebf67d] {
  margin: auto 0px;
}
.module-media-block .overlay-image-container .overlay-image[data-v-86ebf67d] {
  pointer-events: auto;
}
.module-media-block .overlay-cta-container[data-v-86ebf67d] {
  align-self: flex-end;
  width: 100%;
}
.module-media-block .overlay-cta-container.no-image[data-v-86ebf67d] {
  margin-top: auto;
}
.module-media-block .overlay-cta-container .block-link[data-v-86ebf67d] {
  font-family: "DenimINK-Regular", Arial, sans-serif;
  font-style: normal;
  line-height: 1.4;
  font-size: 16px;
  letter-spacing: 0rem;
  text-transform: none;
  color: #000000;
}
.-bg-dark .module-media-block .overlay-cta-container .block-link[data-v-86ebf67d], .-bg-section-dark .module-media-block .overlay-cta-container .block-link[data-v-86ebf67d], .-bg-page-dark .-bg-section-transparent .module-media-block .overlay-cta-container .block-link[data-v-86ebf67d] {
  color: #ffffff;
  fill: #ffffff;
}
.module-media-block .overlay-cta-container .block-link[data-v-86ebf67d] {
  display: block;
  max-width: 290px;
  line-height: 1.9;
  text-transform: uppercase;
}
.module-media-block .overlay-cta-container .block-link:hover .block-arrow[data-v-86ebf67d] {
  transform: translateX(5px);
}
.module-media-block .overlay-cta-container .block-link .block-background[data-v-86ebf67d] {
  background: #ffffff;
  border-radius: 2px;
  color: #000000;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 4px 12px 3px;
}
.module-media-block .overlay-cta-container .block-link .block-arrow[data-v-86ebf67d] {
  height: 8px;
  margin: -3px 0 0 4px;
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 20px;
}
.module-media-block .overlay-cta-container .block-link[data-v-86ebf67d] {
  pointer-events: auto;
}
.module-media-block .overlay-cta-container .block-link .block-arrow[data-v-86ebf67d] {
  width: 24px;
  height: 24px;
  stroke: currentColor;
}
.module-media-block .shoppable-mobile-miniproducts[data-v-86ebf67d] {
  min-height: calc(0.2808988764 * 92vw + 2px + 48px);
}
.module-media-block .shoppable-hotspot-mobile-caption[data-v-86ebf67d] {
  font-family: "DenimINK-Medium", Arial, sans-serif;
  font-style: normal;
  line-height: 1.4;
  font-size: 12px;
  letter-spacing: 0rem;
  text-transform: none;
  color: #000000;
}
.-bg-dark .module-media-block .shoppable-hotspot-mobile-caption[data-v-86ebf67d], .-bg-section-dark .module-media-block .shoppable-hotspot-mobile-caption[data-v-86ebf67d], .-bg-page-dark .-bg-section-transparent .module-media-block .shoppable-hotspot-mobile-caption[data-v-86ebf67d] {
  color: #ffffff;
  fill: #ffffff;
}
.module-media-block .shoppable-hotspot-mobile-caption a[data-v-86ebf67d] {
  color: #000000;
}
.-bg-dark .module-media-block .shoppable-hotspot-mobile-caption a[data-v-86ebf67d], .-bg-section-dark .module-media-block .shoppable-hotspot-mobile-caption a[data-v-86ebf67d], .-bg-page-dark .-bg-section-transparent .module-media-block .shoppable-hotspot-mobile-caption a[data-v-86ebf67d] {
  color: #ffffff;
  fill: #ffffff;
}
.module-media-block .shoppable-hotspot-mobile-caption[data-v-86ebf67d] {
  margin: 16px 0px;
  text-align: left;
}
.module-media-block .fade-enter-active[data-v-86ebf67d],
.module-media-block .fade-leave-active[data-v-86ebf67d] {
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.module-media-block .fade-enter[data-v-86ebf67d],
.module-media-block .fade-leave-to[data-v-86ebf67d] {
  opacity: 0;
}