/**
 * @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-video-slide[data-v-2217c295] {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}
.shoppable-video-slide .background-media[data-v-2217c295] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.shoppable-video-slide .mini-products[data-v-2217c295] {
  position: absolute;
  bottom: 56px;
  left: 0px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: auto;
  justify-content: flex-start;
  align-items: flex-start;
}
.shoppable-video-slide .mini-products.not-scrollable[data-v-2217c295] {
  justify-content: center;
}
.shoppable-video-slide .mini-product[data-v-2217c295] {
  flex: 0 0 auto;
  width: 84vw;
  margin-right: 4vw;
}
.shoppable-video-slide .mini-product[data-v-2217c295]:first-child {
  margin-left: 4vw;
}
.shoppable-video-slide .mini-product[data-v-2217c295]:last-child {
  margin-right: 4vw;
}
@media (min-width: 768px) {
.shoppable-video-slide .mini-product[data-v-2217c295] {
    width: 24vw;
}
.-facets-open-grid .shoppable-video-slide .mini-product[data-v-2217c295] {
    width: 17.28vw;
}
}
.shoppable-video-slide.redesign .mini-product[data-v-2217c295] {
  width: 87.5vw;
  margin-right: 16px;
}
.shoppable-video-slide.redesign .mini-product[data-v-2217c295]:first-child {
  margin-left: 4.1666666667vw;
}
.shoppable-video-slide.redesign .mini-product[data-v-2217c295]:last-child {
  margin-right: 4.1666666667vw;
}
@media (min-width: 768px) {
.shoppable-video-slide.redesign .mini-product[data-v-2217c295] {
    width: 25vw;
    margin-right: 40px;
}
}
.shoppable-video-slide .fade-enter-active[data-v-2217c295],
.shoppable-video-slide .fade-leave-active[data-v-2217c295] {
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
}
.shoppable-video-slide .fade-enter[data-v-2217c295],
.shoppable-video-slide .fade-leave-to[data-v-2217c295] {
  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-shoppable-carousel[data-v-5547dcf6] {
  position: relative;
}
.module-shoppable-carousel .shoppable-carousel[data-v-5547dcf6] {
  --vc-clr-primary: rgba(255, 255, 255, 1); /* used for active */
  --vc-clr-secondary: rgba(255, 255, 255, 0.4); /* used for inactive */
  --vc-nav-width: 48px;
  --vc-nav-color: var(--vc-clr-primary); /* color of left/right nav SVG (foreground) */
  --vc-nav-background-color: transparent; /* color of left/right nav background */
  --vc-pgn-width: 12px;
  --vc-pgn-height: 12px;
  --vc-pgn-margin: 10px;
  --vc-pgn-border-radius: 0;
  --vc-pgn-background-color: var(--vc-clr-secondary);
  --vc-pgn-active-color: var(--vc-clr-primary);
}
@media (min-width: 768px) {
.module-shoppable-carousel .shoppable-carousel[data-v-5547dcf6] {
    --vc-nav-width: 48px;
}
}
.module-shoppable-carousel .slide-container-outer[data-v-5547dcf6] {
  width: 100%;
  position: relative;
  height: 0;
  padding-top: 150%;
}
@media (min-width: 768px) {
.module-shoppable-carousel .slide-container-outer[data-v-5547dcf6] {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
}
.module-shoppable-carousel.redesign .slide-container-outer[data-v-5547dcf6] {
  position: relative;
  height: 0;
  padding-top: 125%;
}
@media (min-width: 768px) {
.module-shoppable-carousel.redesign .slide-container-outer[data-v-5547dcf6] {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
}
.module-shoppable-carousel .slide-container-inner[data-v-5547dcf6] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}
.module-shoppable-carousel[data-v-5547dcf6] {
  /**
   * vue3-carousel styles for left/right navigation
   */
}
.module-shoppable-carousel[data-v-5547dcf6] .shoppable-carousel-navigation {
  opacity: 0.4;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
}
.module-shoppable-carousel[data-v-5547dcf6] .carousel__prev {
  left: 40px;
}
.module-shoppable-carousel[data-v-5547dcf6] .carousel__next {
  right: 40px;
}
.module-shoppable-carousel[data-v-5547dcf6] .carousel__prev--in-active {
  opacity: 0;
}
.module-shoppable-carousel[data-v-5547dcf6] {
  /**
   * vue3-carousel styles for pagination dots
   */
}
.module-shoppable-carousel[data-v-5547dcf6] .shoppable-carousel-pagination {
  pointer-events: none;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
}
.module-shoppable-carousel[data-v-5547dcf6] .shoppable-carousel-pagination.top-overlay {
  top: 4px;
  bottom: unset;
}
.module-shoppable-carousel[data-v-5547dcf6] .shoppable-carousel-pagination.bottom-overlay {
  top: unset;
  bottom: 0px;
}
.module-shoppable-carousel.redesign[data-v-5547dcf6] .shoppable-carousel-pagination.bottom-overlay {
  margin: 0px;
  bottom: 16px;
}
@media (min-width: 768px) {
.module-shoppable-carousel.redesign[data-v-5547dcf6] .shoppable-carousel-pagination.bottom-overlay {
    bottom: 24px;
}
}
.module-shoppable-carousel.redesign[data-v-5547dcf6] .mini-products {
  bottom: calc(16px + 32px + 16px);
}
@media (min-width: 768px) {
.module-shoppable-carousel.redesign[data-v-5547dcf6] .mini-products {
    bottom: calc(24px + 32px + 24px);
}
}
.module-shoppable-carousel[data-v-5547dcf6] .carousel__pagination-item {
  pointer-events: auto;
}
.module-shoppable-carousel[data-v-5547dcf6] .carousel__pagination-button {
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
}
.module-shoppable-carousel[data-v-5547dcf6] .shoppable-carousel .carousel__pagination {
  opacity: 0;
}
.module-shoppable-carousel[data-v-5547dcf6] .shoppable-carousel.filled .carousel__pagination {
  animation: 200ms ease-in 1s 1 normal backwards fadein-5547dcf6;
  opacity: 1;
}
@keyframes fadein-5547dcf6 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}