.billing .payment-field{margin-bottom:16px;font-size:16px;transition:.2s}.billing .payment-field input{background-color:rgb(var(--color-bg-300-inverted));width:100%;border-radius:.375rem;padding:.75rem;color:rgb(var(--color-fg-100-inverted));margin-top:4px}.billing .payment-field input:focus{outline:1px solid #be71df}.billing .submitted .payment-field input:invalid{outline:1px solid rgb(var(--color-warn-500))}.billing .payment-field input.input-valid{outline:1px solid var(--color-success)}.billing .payment-field input.input-invalid{outline:1px solid rgb(var(--color-warn-500))}.billing .payment-field input:focus-visible{outline:1px solid #be71df}.billing .payment-field input::placeholder{color:#fff;opacity:.3}.billing #demoCcexp,.billing #demoCcnumber,.billing #demoCvv{margin-top:4px;padding:1px;overflow:visible}.billing #demoCcexp iframe,.billing #demoCcnumber iframe,.billing #demoCvv iframe{display:block;width:100%;min-height:44px;border-radius:.375rem;background-color:rgb(var(--color-bg-300-inverted))}.billing #demoCcexp.collectjs-invalid iframe,.billing #demoCcnumber.collectjs-invalid iframe,.billing #demoCvv.collectjs-invalid iframe{outline:1px solid rgb(var(--color-warn-500))}