/**
 * @file
 * Styles for the payment method icons.
 */

.payment-method-icon {
  display: inline-block;
  width: 40px;
  height: 25px;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
  text-indent: -9999px;
  background-size: 40px 25px;
  box-shadow: 0 0 0.01em black;
}

.payment-method-icon--visa {
  background-image: url(../images/visa.svg);
}

.payment-method-icon--mastercard {
  background-image: url(../images/mastercard.svg);
}

.payment-method-icon--maestro {
  background-image: url(../images/maestro.svg);
}

.payment-method-icon--amex {
  background-image: url(../images/amex.svg);
}

.payment-method-icon--dinersclub {
  background-image: url(../images/dinersclub.svg);
}

.payment-method-icon--discover {
  background-image: url(../images/discover.svg);
}

.payment-method-icon--jcb {
  background-image: url(../images/jcb.svg);
}

.payment-method-icon--unionpay {
  background-image: url(../images/unionpay.svg);
}
