/** Recharge Form **/
.mp-recharge-form {
	width: 800px;
}
.mp-recharge-form * {
	font-family: "Source Code Pro", Consolas, Menlo, monospace;
	font-size: 16px;
	font-weight: 500;
}
.mp-recharge-form .mp-form__group {
	min-height: 45px;
}
.mp-recharge-form .baseline {
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: #cfd7df;
	transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mp-recharge-form label {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 8px;
	color: #cfd7df;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transform-origin: 0 50%;
	cursor: text;
	transition-property: color, transform;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mp-recharge-form .input {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding-left: 0;
	padding-bottom: 7px;
	color: #32325d;
	background-color: transparent;
}
.mp-recharge-form .input::-webkit-input-placeholder {
	color: transparent;
	transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mp-recharge-form .input::-moz-placeholder {
	color: transparent;
	transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mp-recharge-form .input:-ms-input-placeholder {
	color: transparent;
	transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mp-recharge-form .input.StripeElement {
	opacity: 0;
	transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	will-change: opacity;
}
.mp-recharge-form .input.focused,
.mp-recharge-form .input:not(.empty) {
	opacity: 1;
	outline: none;
}
.mp-recharge-form .input.focused::-webkit-input-placeholder,
.mp-recharge-form .input:not(.empty)::-webkit-input-placeholder {
	color: #cfd7df;
}
.mp-recharge-form .input.focused::-moz-placeholder,
.mp-recharge-form .input:not(.empty)::-moz-placeholder {
	color: #cfd7df;
}
.mp-recharge-form .input.focused:-ms-input-placeholder,
.mp-recharge-form .input:not(.empty):-ms-input-placeholder {
	color: #cfd7df;
}
.mp-recharge-form .input.focused+label,
.mp-recharge-form .input:not(.empty)+label {
	color: #aab7c4;
	transform: scale(0.85) translateY(-25px);
	cursor: default;
}
.mp-recharge-form .input.focused+label {
	color: #8e24aa;
}
.mp-recharge-form .input.invalid+label {
	color: #ffa27b;
}
.mp-recharge-form .input.focused+label+.baseline {
	background-color: #8e24aa;
}
.mp-recharge-form .input.focused.invalid+label+.baseline {
	background-color: #e25950;
}
.mp-recharge-form input,
.mp-recharge-form button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-style: none;
}
.mp-recharge-form input:-webkit-autofill {
	-webkit-text-fill-color: #e39f48;
	transition: background-color 100000000s;
	-webkit-animation: 1ms void-animation-out;
}
.mp-recharge-form .StripeElement--webkit-autofill {
	background: transparent !important;
}
.mp-recharge-form input,
.mp-recharge-form button {
	-webkit-animation: 1ms void-animation-out;
}
.mp-recharge-form .error svg {
	margin-top: 0 !important;
}
.mp-recharge-form .error svg .base {
	fill: #e25950;
}
.mp-recharge-form .error svg .glyph {
	fill: #fff;
}
.mp-recharge-form .error .message {
	color: #e25950;
}
.mp-recharge-form .success .icon .border {
	stroke: #abe9d2;
}
.mp-recharge-form .success .icon .checkmark {
	stroke: #8e24aa;
}
.mp-recharge-form .success .title {
	color: #32325d;
	font-size: 16px !important;
}
.mp-recharge-form .success .message {
	color: #8898aa;
	font-size: 13px !important;
}
.mp-recharge-form .success .reset path {
	fill: #8e24aa;
}