@charset "utf-8";

.stripe-card-widget-form .card-item-pack { margin-bottom: 15px; }

.stripe-card-widget-form .card-item-pack:last-child { margin-bottom: 0px; }

.stripe-card-widget-form .card-item-pack .card-item-title { font-size: 14px; color: rgb(75, 80, 86); font-weight: bold; font-family: open_sans, "Open Sans", sans-serif; margin-bottom: 10px; line-height: 1.5; }

.stripe-card-widget-form .s-form-field { margin-bottom: 0px; }

.stripe-card-widget-form .s-form-field .entypo-mail { position: absolute; left: 10px; top: 3px; font-size: 24px; color: rgb(198, 201, 205); }

.stripe-card-widget-form .s-form-field input { font-size: 14px; color: rgb(75, 80, 86); box-sizing: border-box; width: 100%; padding: 12px 10px 12px 44px; }

.stripe-card-widget-form .error-message { color: rgb(230, 71, 81); margin-top: 10px; line-height: 1.2; }

.stripe-card-widget-form .card-element { border: 1px solid rgb(198, 201, 205); padding: 7px 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; border-radius: 3px; height: 28px; display: flex; align-items: center; }

.stripe-card-widget-form .card-element.error { border: 1px solid rgb(230, 71, 81); }

.stripe-card-widget-form .card-element .__PrivateStripeElement { width: 100%; }

.stripe-form .header { padding: 20px 30px; color: rgb(169, 174, 178); background: rgb(235, 237, 239); font-weight: bold; font-size: 14px; border-bottom: 1px solid rgb(221, 221, 221); }

.stripe-form .header .close { float: right; font-size: 30px; font-weight: normal; position: relative; top: -9px; cursor: pointer; }

.stripe-form .form-body { padding: 30px; }

.stripe-form .form-body .title { margin-bottom: 20px; }

.stripe-form .form-body .s-form-field input, .stripe-form .form-body .s-form-field .s-btn { width: 100%; box-sizing: border-box; }

.stripe-form .form-body .s-form-field .entypo-mail { position: absolute; left: 8px; top: 9px; font-size: 24px; color: rgb(198, 201, 205); }

.stripe-form .form-body .s-form-field input { font-size: 16px; padding: 6px 8px 6px 40px; }

.stripe-form .form-body .s-form-field .s-btn { margin-top: 25px; font-size: 18px; text-transform: none; padding: 11px 15px; }

.stripe-form .error-message { color: rgb(230, 71, 81); margin-top: 10px; line-height: 1.2; }

.stripe-form .card-element { border: 1px solid rgb(198, 201, 205); padding: 6px 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; border-radius: 3px; height: 28px; display: flex; align-items: center; }

.stripe-form .card-element.error { border: 1px solid rgb(230, 71, 81); }

.stripe-form .card-element .__PrivateStripeElement { width: 100%; }