.billing-rate-comp{flex-flow:column;justify-content:center;align-items:center;display:flex}.billing-rate-comp label{color:#323232;text-align:center;font-size:12px;font-weight:800}.billing-rate-comp .billing-rate-options{border-radius:12px;justify-content:center;width:auto;display:flex;box-shadow:0 3px 8px #0003}.billing-rate-comp .billing-rate-options .billing-rate-option{cursor:pointer;width:100px;position:relative}.billing-rate-comp .billing-rate-options .billing-rate-option .billing-rate-text{text-align:center;background-color:#fff;height:40px;line-height:40px}.billing-rate-comp .billing-rate-options .billing-rate-option:first-of-type .billing-rate-text{border-radius:12px 0 0 12px}.billing-rate-comp .billing-rate-options .billing-rate-option:last-of-type .billing-rate-text{border-radius:0 12px 12px 0}.billing-rate-comp .billing-rate-options .billing-rate-option.active .billing-rate-text,.billing-rate-comp .billing-rate-options .billing-rate-option:hover .billing-rate-text{color:#fff;background-color:#1d6998}.billing-rate-comp .billing-rate-options .billing-rate-option .billing-rate-save{text-align:center;color:#323232;width:100%;height:20px;font-size:14px;font-weight:800;position:absolute;bottom:-20px}
.top-up-type-comp{flex-flow:column;justify-content:center;align-items:center;display:flex}.top-up-type-comp label{color:#323232;text-align:center;font-size:12px;font-weight:800}.top-up-type-comp .top-up-type-options{border-radius:12px;justify-content:center;width:auto;display:flex;box-shadow:0 3px 8px #0003}.top-up-type-comp .top-up-type-options .top-up-type-option{cursor:pointer;width:100px;position:relative}.top-up-type-comp .top-up-type-options .top-up-type-option .top-up-type-text{text-align:center;background-color:#fff;height:40px;line-height:40px}.top-up-type-comp .top-up-type-options .top-up-type-option:first-of-type .top-up-type-text{border-radius:12px 0 0 12px}.top-up-type-comp .top-up-type-options .top-up-type-option:last-of-type .top-up-type-text{border-radius:0 12px 12px 0}.top-up-type-comp .top-up-type-options .top-up-type-option.active .top-up-type-text,.top-up-type-comp .top-up-type-options .top-up-type-option:hover .top-up-type-text{color:#fff;background-color:#1d6998}.top-up-type-comp .top-up-type-options .top-up-type-option .top-up-type-save{text-align:center;color:#323232;width:100%;height:20px;font-size:14px;font-weight:800;position:absolute;bottom:-20px}
.stripe-comp{margin:20px 0 0}.stripe-comp .payment-details{margin:0 0 12px;padding:0 0 12px}.stripe-comp .payment-details .payment-method{justify-content:space-between;display:flex}.stripe-comp .payment-details .payment-method .card-info{flex:1}.stripe-comp .payment-details .payment-method .buttons .button{height:32px;line-height:32px}.stripe-comp .payment-details .payment-method .buttons .button:hover{box-shadow:inset 0 0 250px #00000026}.stripe-comp .payment-details .payment-method .buttons .button:active{box-shadow:inset 0 0 250px #0000004d}.stripe-comp .plan-summary .plan{border:1px solid #e6e6e6;border-width:1px 0;margin:0 0 12px;padding:12px 0;display:flex}.stripe-comp .plan-summary .plan .image{background-color:#fff;border:3px solid #1d6998;border-radius:3px;width:48px;height:48px;overflow:hidden}.stripe-comp .plan-summary .plan .image svg{width:100%;height:100%}.stripe-comp .plan-summary .plan .image .real-path{fill:#1d6998}.stripe-comp .plan-summary .plan .details{flex:1;margin:0 12px}.stripe-comp .plan-summary .plan .details .plan-name{margin:0 0 4px;font-size:20px}.stripe-comp .plan-summary .plan .details .savings{font-size:12px}.stripe-comp .plan-summary .plan .details .savings.green{color:#61bd4f}.stripe-comp .plan-summary .plan .details .savings.red{color:#eb5a46}.stripe-comp .plan-summary .plan .amount{font-size:14px}.stripe-comp .plan-summary .plan .amount .strike{opacity:.8;position:relative}.stripe-comp .plan-summary .plan .amount .strike:after{content:" ";font-size:inherit;border-top:1px solid #000;border-bottom:1px solid #000;display:block;position:absolute;inset:38% 0}.stripe-comp .plan-summary .total{justify-content:space-between;margin:0 0 12px;display:flex}.stripe-comp .plan-summary .total .text,.stripe-comp .plan-summary .total .amount{font-weight:700}
