@charset "utf-8";
input#cc_number {
  background-image: url("/website_payment/static/src/img/grey-dots.png");
  background-repeat: no-repeat;
  background-position: 14px 14px;
}

div.card_placeholder {
  background-image: url("/website_payment/static/src/img/placeholder.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 20px;
  position: absolute;
  top: 34px;
  right: 20px;
  -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  pointer-events: none;
}

div.amex {
  background-image: url("/website_payment/static/src/img/amex.png");
  background-repeat: no-repeat;
}

div.diners {
  background-image: url("/website_payment/static/src/img/diners.png");
  background-repeat: no-repeat;
}

div.discover {
  background-image: url("/website_payment/static/src/img/discover.png");
  background-repeat: no-repeat;
}

div.jcb {
  background-image: url("/website_payment/static/src/img/jcb.png");
  background-repeat: no-repeat;
}

div.mastercard {
  background-image: url("/website_payment/static/src/img/mastercard.png");
  background-repeat: no-repeat;
}

div.visa {
  background-image: url("/website_payment/static/src/img/visa.png");
  background-repeat: no-repeat;
}

input#cc_number:active, input#cc_number:focus {
  background-image: none;
}
