/**
 * Payment Logos.
 *
 */
.merchant-payment-logos {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: var(--mrc-plogos-margin-top, 20px) !important;
  margin-bottom: var(--mrc-plogos-margin-bottom, 20px) !important;
}
.merchant-payment-logos + .merchant-payment-logos {
  display: none;
}

.merchant-payment-logos-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: var(--mrc-plogos-align, flex-start);
      -ms-flex-pack: var(--mrc-plogos-align, flex-start);
          justify-content: var(--mrc-plogos-align, flex-start);
  color: var(--mrc-plogos-text-color, #212121);
  font-size: var(--mrc-plogos-font-size, 18px);
}

.merchant-payment-logos-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: 5px;
  -webkit-box-pack: var(--mrc-plogos-align, flex-start);
      -ms-flex-pack: var(--mrc-plogos-align, flex-start);
          justify-content: var(--mrc-plogos-align, flex-start);
}
.merchant-payment-logos-images img {
  max-width: var(--mrc-plogos-image-max-width, 80px) !important;
  max-height: var(--mrc-plogos-image-max-height, 100px) !important;
}
.merchant-payment-logos-images.is-placeholder img {
  width: 100%;
}