/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  background-color: var(--background-color);
  padding: 10px 12px;
  border: 1px solid var(--gray);
  border-radius: 3px;
  box-sizing: border-box;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  outline: auto 5px -webkit-focus-ring-color;
}

.StripeElement--invalid {
  border-color: var(--messages-error);
}

.StripeElement--webkit-autofill {
  background-color: var(--marker-highlight) !important;
}

#payment-form .credit-card-label {
  margin-right: 25px;
  vertical-align: middle;
}

#payment-form .credit-card-image {
  float: right;
}