.credit-card-input{flex-direction:column;gap:1rem;width:-webkit-fill-available;max-width:600px;margin:0 auto;display:flex}.credit-card-input.loading{opacity:.4;pointer-events:none}.credit-card-input .form-group{flex-direction:column;gap:.35rem;display:flex}.credit-card-input .form-group label{font-weight:700}.credit-card-input .form-group .label-container{justify-content:space-between;align-items:center;display:flex}.credit-card-input .form-group .label-container label{font-size:.875rem;font-weight:700}.credit-card-input .form-group .label-container .error-message{color:var(--red-color);font-size:.875rem}.credit-card-input .form-group input{border:1px solid var(--gray-alpha-300);background-color:var(--background);box-sizing:border-box;border-radius:.75rem;width:100%;height:48px;padding:.65rem;transition:box-shadow .2s ease-in-out;font-size:16px!important}.credit-card-input .form-group input::placeholder{color:#999;opacity:1}.credit-card-input .form-group .payjp-multi-mount{border:1px solid var(--gray-alpha-300);background-color:var(--background);box-sizing:border-box;border-radius:.75rem;align-items:center;height:48px;padding:.65rem;transition:box-shadow .2s ease-in-out;display:flex}.credit-card-input .form-group .payjp-multi-mount.focused{box-shadow:0 0 0 3px var(--gray-alpha-200)}.credit-card-input .form-group .payjp-multi-mount .mount-number{flex:3;height:100%}.credit-card-input .form-group .payjp-multi-mount .mount-expiry{flex:1.5;min-width:60px;height:100%}.credit-card-input .form-group .payjp-multi-mount .mount-cvc{flex:1;min-width:40px;height:100%}.credit-card-input .form-group .payjp-multi-mount .mount-divider{background-color:var(--gray-alpha-300);width:1px;height:20px;margin:0 .5rem}.credit-card-input .form-group .payjp-multi-mount iframe{height:100%!important}.credit-card-input .form-row{gap:.75rem;display:flex}.credit-card-input .form-row .form-group{flex:1}.credit-card-input .input-wrapper{position:relative}.credit-card-input .input-wrapper img{position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.credit-card-input .checkbox-group{opacity:.8;align-items:flex-start;margin-top:2rem;margin-bottom:2rem;line-height:1.4;display:flex}.credit-card-input .checkbox-group a{text-decoration:underline}.credit-card-input .payment-btn{background-color:var(--foreground);width:100%;color:var(--background);border-radius:.75rem;padding:1rem 0;font-size:1.125rem;font-weight:700}
