/**
 * Admin Preview
 * Quick View
 *
 */
.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;
  max-width: 300px;
  width: 100%;
  margin: auto;
  padding: 55px 25px;
}

.merchant-quick-view-preview {
  width: 100%;
}
.merchant-quick-view-preview .image-wrapper {
  position: relative;
  height: 11vw;
  max-height: 220px;
  background-color: #f5f5f5;
}
.merchant-quick-view-preview h3 {
  margin-bottom: 10px;
}
.merchant-quick-view-preview p {
  margin-top: 0;
}
.merchant-quick-view-preview .add_to_cart_button,
.merchant-quick-view-preview .merchant-quick-view-button {
  display: inline-block;
  background-color: #212121;
  font-size: 0.9rem;
  color: #FFF;
  padding: 12px 25px;
  text-decoration: none;
  margin: 0.5em 0;
  white-space: nowrap;
}
.merchant-quick-view-preview .merchant-quick-view-button {
  color: var(--mrc-qv-button-color, #FFF);
  background-color: var(--mrc-qv-button-bg-color, #212121);
  border-color: var(--mrc-qv-button-border-color, #212121);
}
.merchant-quick-view-preview .merchant-quick-view-button svg {
  fill: var(--mrc-qv-button-icon-color, #FFF);
  width: 15px;
}
.merchant-quick-view-preview .merchant-quick-view-button:hover {
  color: var(--mrc-qv-button-color-hover, #FFF);
  background-color: var(--mrc-qv-button-bg-color-hover, #414141);
  border-color: var(--mrc-qv-button-border-color-hover, #414141);
}
.merchant-quick-view-preview .merchant-quick-view-button:hover svg {
  fill: var(--mrc-qv-button-icon-color-hover, #FFF);
}
.merchant-quick-view-preview .button-position {
  display: none;
}
.merchant-quick-view-preview.before .button-position-before {
  display: block;
}
.merchant-quick-view-preview.after .button-position-after {
  display: block;
}
.merchant-quick-view-preview.overlay .button-position-overlay {
  display: block;
}
.merchant-quick-view-preview.overlay .button-position-overlay .merchant-quick-view-button {
  position: absolute;
  top: var(--mrc-qv-button-position-top, 50%);
  left: var(--mrc-qv-button-position-left, 50%);
  -webkit-transform: translate(calc(var(--mrc-qv-button-position-top, 50%) * -1), calc(var(--mrc-qv-button-position-left, 50%) * -1));
          transform: translate(calc(var(--mrc-qv-button-position-top, 50%) * -1), calc(var(--mrc-qv-button-position-left, 50%) * -1));
}
.merchant-quick-view-preview .merchant-quick-view-button .button-type {
  display: none;
}
.merchant-quick-view-preview .merchant-quick-view-button.icon .button-type-icon {
  display: block;
}
.merchant-quick-view-preview .merchant-quick-view-button.icon-text .button-type-icon-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.merchant-quick-view-preview .merchant-quick-view-button.icon-text .button-type-icon-text .quick-view-icon {
  position: relative;
  top: 2px;
}
.merchant-quick-view-preview .merchant-quick-view-button.text .button-type-text {
  display: block;
}