/* Variables */
* { box-sizing: border-box; }

body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; display: flex; justify-content: center; align-content: center; /*height: 100vh; width: 100vw;*/ }

form { width: 30vw; min-width: 500px; align-self: center; box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07); border-radius: 7px; padding: 40px; }

.hidden { display: none; }

#payment-message { color: rgb(105, 115, 134); font-size: 16px; line-height: 20px; padding-top: 12px; text-align: center; }

#payment-element { margin-bottom: 24px; }

/* Buttons and links */
button { background: #538926; font-family: Arial, sans-serif; color: #ffffff; border-radius: 4px; border: 0; padding: 12px 16px; font-size: 16px; font-weight: 600; cursor: pointer; display: block; transition: all 0.2s ease; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); width: 100%; }
	button:hover { filter: contrast(115%); }
	button:disabled { opacity: 0.5; cursor: default; }

body, button, input, optgroup, select, textarea { font-family: "Asap",BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif }
/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after { border-radius: 50%; }
.spinner { color: #ffffff; font-size: 22px; text-indent: -99999px; margin: 0px auto; position: relative; width: 20px; height: 20px; box-shadow: inset 0 0 0 2px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
	.spinner:before,
	.spinner:after { position: absolute; content: ""; }
	.spinner:before { width: 10.4px; height: 20.4px; background: #5469d4; border-radius: 20.4px 0 0 20.4px; top: -0.2px; left: -0.2px; -webkit-transform-origin: 10.4px 10.2px; transform-origin: 10.4px 10.2px; -webkit-animation: loading 2s infinite ease 1.5s; animation: loading 2s infinite ease 1.5s; }
	.spinner:after { width: 10.4px; height: 10.2px; background: #5469d4; border-radius: 0 10.2px 10.2px 0; top: -0.1px; left: 10.2px; -webkit-transform-origin: 0px 10.2px; transform-origin: 0px 10.2px; -webkit-animation: loading 2s infinite ease; animation: loading 2s infinite ease; }

.p-Input-input { border-radius: 4px; padding: 8px 12px; font-size: 16px; cursor: pointer; display: block; transition: all 0.2s ease; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); width: 100%; background-color: var(--colorBackground); border-radius: 5px; transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease; border: 1px solid; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); margin-bottom: 1.5rem; }
.p-FieldLabel { margin-bottom: 0.5rem; display: block; }


@-webkit-keyframes loading {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes loading {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@media only screen and (max-width: 600px) {
	form { width: 80vw; min-width: initial; }
}

@font-face { font-display: swap; font-family: 'Asap'; font-style: normal; font-weight: 400; src: url(/fonts/asap-regular.eot); src: url(/fonts/asap-regular.eot?#iefix) format('embedded-opentype'),url(/fonts/asap-regular.woff2) format('woff2'),url(/fonts/asap-regular.woff) format('woff'),url(/fonts/asap-regular.ttf) format('truetype'),url(/fonts/asap-regular.svg#Asap) format('svg') }

@font-face { font-display: swap; font-family: 'Asap'; font-style: normal; font-weight: 600; src: url(/fonts/asap-600.eot); src: url(/fonts/asap-600.eot?#iefix) format('embedded-opentype'),url(/fonts/asap-600.woff2) format('woff2'),url(/fonts/asap-600.woff) format('woff'),url(/fonts/asap-600.ttf) format('truetype'),url(/fonts/asap-600.svg#Asap) format('svg') }

@font-face { font-display: swap; font-family: 'Asap'; font-style: normal; font-weight: 700; src: url(/fonts/asap-700.eot); src: url(/fonts/asap-700.eot?#iefix) format('embedded-opentype'),url(/fonts/asap-700.woff2) format('woff2'),url(/fonts/asap-700.woff) format('woff'),url(/fonts/asap-700.ttf) format('truetype'),url(/fonts/asap-700.svg#Asap) format('svg') }