/**
 * Admin Preview
 * Animated Add To Cart
 *
 */
.merchant-module-page-preview-browser-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 100%;
  margin: auto;
  padding: 25px;
}

.mrc-preview-single-product-elements {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
.mrc-preview-single-product-elements .mrc-preview-left-column {
  width: 30%;
  min-width: 30%;
}
.mrc-preview-single-product-elements .mrc-preview-right-column {
  width: 70%;
  padding-top: 25px;
}
.mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
  background-color: #f5f5f5;
  height: 12vw;
}
.mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
  width: 100%;
  height: 3vw;
  background-color: #f5f5f5;
  margin-top: 10px;
}

.mrc-mw-70 {
  max-width: 70%;
}

.mrc-mw-30 {
  max-width: 30%;
}

.mrc-mw-40 {
  max-width: 40%;
}

.mrc-preview-text-placeholder {
  background-color: #f5f5f5;
  height: 13px;
}
.mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
  margin-top: 15px;
}

.mrc-preview-addtocart-placeholder {
  background-color: #e5e5e5;
  width: 140px;
  height: 30px;
}

@media (max-width: 991px) {
  .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
    height: 33vw;
  }
  .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
    height: 7vw;
  }
}
.add_to_cart_button {
  display: inline-block;
  color: #FFF !important;
  background-color: #212121;
  font-size: 1rem;
  padding: 12px 25px;
  margin-top: 30px;
  text-decoration: none;
  -webkit-transition: ease background-color 300ms;
  transition: ease background-color 300ms;
}
.add_to_cart_button:hover {
  background-color: #292929;
}
.add_to_cart_button.on-mouse-hover:hover.flash {
  -webkit-animation: merchant-flash calc(1s * var(--merchant-aatc-speed, 1)) infinite both;
          animation: merchant-flash calc(1s * var(--merchant-aatc-speed, 1)) infinite both;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.add_to_cart_button.on-mouse-hover:hover.bounce {
  -webkit-animation: merchant-bounce calc(0.3s * var(--merchant-aatc-speed, 1)) alternate;
          animation: merchant-bounce calc(0.3s * var(--merchant-aatc-speed, 1)) alternate;
  -webkit-animation-iteration-count: 4;
          animation-iteration-count: 4;
}
.add_to_cart_button.on-mouse-hover:hover.zoom-in {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.add_to_cart_button.on-mouse-hover:hover.shake {
  -webkit-animation: merchant-shake calc(0.3s * var(--merchant-aatc-speed, 1));
          animation: merchant-shake calc(0.3s * var(--merchant-aatc-speed, 1));
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}
.add_to_cart_button.on-mouse-hover:hover.pulse {
  -webkit-animation: merchant-pulse calc(1.5s * var(--merchant-aatc-speed, 1)) ease-in-out infinite both;
          animation: merchant-pulse calc(1.5s * var(--merchant-aatc-speed, 1)) ease-in-out infinite both;
}
.add_to_cart_button.on-mouse-hover:hover.jello-shake {
  -webkit-animation: merchant-jello-shake calc(1.5s * var(--merchant-aatc-speed, 1)) infinite both;
          animation: merchant-jello-shake calc(1.5s * var(--merchant-aatc-speed, 1)) infinite both;
}
.add_to_cart_button.on-mouse-hover:hover.wobble {
  -webkit-animation: merchant-wobble calc(1.5s * var(--merchant-aatc-speed, 1)) ease-in-out infinite both;
          animation: merchant-wobble calc(1.5s * var(--merchant-aatc-speed, 1)) ease-in-out infinite both;
}
.add_to_cart_button.on-mouse-hover:hover.vibrate {
  -webkit-animation: merchant-vibrate calc(0.3s * var(--merchant-aatc-speed, 1)) linear 4 both;
          animation: merchant-vibrate calc(0.3s * var(--merchant-aatc-speed, 1)) linear 4 both;
}
.add_to_cart_button.on-mouse-hover:hover.swing {
  -webkit-animation: merchant-swing calc(2s * var(--merchant-aatc-speed, 1)) ease-in-out infinite alternate;
          animation: merchant-swing calc(2s * var(--merchant-aatc-speed, 1)) ease-in-out infinite alternate;
}
.add_to_cart_button.on-mouse-hover:hover.tada {
  -webkit-animation: merchant-tada calc(1s * var(--merchant-aatc-speed, 1)) infinite both;
          animation: merchant-tada calc(1s * var(--merchant-aatc-speed, 1)) infinite both;
}
.add_to_cart_button.on-mouse-hover:hover.glow {
  -webkit-animation: merchant-glow calc(2s * var(--merchant-aatc-speed, 1)) ease-in-out infinite both;
          animation: merchant-glow calc(2s * var(--merchant-aatc-speed, 1)) ease-in-out infinite both;
}
.add_to_cart_button.on-page-load.flash, .add_to_cart_button.on-scroll-into-view.flash {
  -webkit-animation: merchant-flash calc(1s * var(--merchant-aatc-speed, 1)) both;
          animation: merchant-flash calc(1s * var(--merchant-aatc-speed, 1)) both;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.add_to_cart_button.on-page-load.bounce, .add_to_cart_button.on-scroll-into-view.bounce {
  -webkit-animation: merchant-bounce calc(0.3s * var(--merchant-aatc-speed, 1)) alternate;
          animation: merchant-bounce calc(0.3s * var(--merchant-aatc-speed, 1)) alternate;
  -webkit-animation-iteration-count: 4;
          animation-iteration-count: 4;
}
.add_to_cart_button.on-page-load.zoom-in, .add_to_cart_button.on-scroll-into-view.zoom-in {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.add_to_cart_button.on-page-load.shake, .add_to_cart_button.on-scroll-into-view.shake {
  -webkit-animation: merchant-shake calc(0.3s * var(--merchant-aatc-speed, 1));
          animation: merchant-shake calc(0.3s * var(--merchant-aatc-speed, 1));
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}
.add_to_cart_button.on-page-load.pulse, .add_to_cart_button.on-scroll-into-view.pulse {
  -webkit-animation: merchant-pulse calc(1.5s * var(--merchant-aatc-speed, 1)) ease-in-out both;
          animation: merchant-pulse calc(1.5s * var(--merchant-aatc-speed, 1)) ease-in-out both;
}
.add_to_cart_button.on-page-load.jello-shake, .add_to_cart_button.on-scroll-into-view.jello-shake {
  -webkit-animation: merchant-jello-shake calc(1.5s * var(--merchant-aatc-speed, 1)) both;
          animation: merchant-jello-shake calc(1.5s * var(--merchant-aatc-speed, 1)) both;
}
.add_to_cart_button.on-page-load.wobble, .add_to_cart_button.on-scroll-into-view.wobble {
  -webkit-animation: merchant-wobble calc(1.5s * var(--merchant-aatc-speed, 1)) ease-in-out both;
          animation: merchant-wobble calc(1.5s * var(--merchant-aatc-speed, 1)) ease-in-out both;
}
.add_to_cart_button.on-page-load.vibrate, .add_to_cart_button.on-scroll-into-view.vibrate {
  -webkit-animation: merchant-vibrate calc(0.3s * var(--merchant-aatc-speed, 1)) linear 4 both;
          animation: merchant-vibrate calc(0.3s * var(--merchant-aatc-speed, 1)) linear 4 both;
}
.add_to_cart_button.on-page-load.swing, .add_to_cart_button.on-scroll-into-view.swing {
  -webkit-animation: merchant-swing calc(2s * var(--merchant-aatc-speed, 1)) ease-in-out alternate;
          animation: merchant-swing calc(2s * var(--merchant-aatc-speed, 1)) ease-in-out alternate;
}
.add_to_cart_button.on-page-load.tada, .add_to_cart_button.on-scroll-into-view.tada {
  -webkit-animation: merchant-tada calc(1s * var(--merchant-aatc-speed, 1)) both;
          animation: merchant-tada calc(1s * var(--merchant-aatc-speed, 1)) both;
}
.add_to_cart_button.on-page-load.glow, .add_to_cart_button.on-scroll-into-view.glow {
  -webkit-animation: merchant-glow calc(2s * var(--merchant-aatc-speed, 1)) ease-in-out both;
          animation: merchant-glow calc(2s * var(--merchant-aatc-speed, 1)) ease-in-out both;
}