:root{--primary-color: #1dadd7;--primary-color-5: rgba(29, 173, 215, .5);--primary-color-7: rgba(29, 173, 215, .7);--bg-light-color: #eefcfe;--btn-bg-color: #00abf0;--light-main-color: #effcff;--bg-main-color: #effcff;--bl-color: #43aaed;--account-menu-bg: #0b91b9;--bot-chat-dark-cl: #2e73ac;--call-to-action-cl: #1675d1;--light-main-cl: #44add7;--home-page-bg-cl: #e5f6ff;--bot-chat-welcome-text-cl: #021461;--bot-chat-arrow-bg: #1873ff;--top-page-bottom-bg: #20345a;--secondary-color: #2b75ff;--menu-text-color: #2b75fb;--note-bg: #f4faff;--note-df-bg: #f4faff;--service-title-color: #43aaed;--note-light-bg-color: #9ed7fc;--note-bolder-color: #e3f2ff;--navigate-delete-color: #2c75f8;--plan-shadow-color: #1dadd73c;--album-color: #9ed7fc;--extra-color: #24c7f4;--inp-btn-color: rgb(36, 199, 244, .5);--bg-avatar-color: #d2f3fb;--direct-btn-padding-x: .75rem;--direct-btn-padding-y: .375rem;--direct-border-radius-lg: .5rem;--direct-btn-font-size: 1rem;--direct-btn-font-weight: 400;--direct-btn-line-height: 1.5;--direct-btn-border-width: 1px;--direct-btn-border-radius: .25rem;--direct-btn-border-radius: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);--direct-btn-color: #fff;--direct-btn-bg: transparent;--direct-btn-border-color: #0d6efd;--direct-btn-main-color: #0d6efd;--direct-btn-fourth-color: #17b9e7}.oem-theme{--primary-color: #179e4a;--bg-light-color: #fffdf2;--btn-bg-color: #179e4a;--light-main-color: #f7fff0;--bg-main-color: #fffdf2;--bl-color: #179e4a;--account-menu-bg: #1d810e;--bot-chat-dark-cl: #179e4a;--call-to-action-cl: #1d810e;--light-main-cl: #1d810e;--home-page-bg-cl: #eef7e7;--bot-chat-welcome-text-cl: #1d810e;--bot-chat-arrow-bg: #179e4a;--top-page-bottom-bg: #1d810e;--secondary-color: #179e4a;--menu-text-color: #1d810e;--note-bg: #f7fff0;--note-df-bg: #f0ffe2;--service-title-color: #a8d182;--note-light-bg-color: #ddf8e5;--note-bolder-color: #179e4a;--navigate-delete-color: #179e4a;--plan-shadow-color: #179e4a3c;--album-color: #bdecc8;--extra-color: #ebbe00;--direct-btn-border-color: #179e4a;--direct-btn-main-color: #179e4a;--direct-btn-fourth-color: #179e4a}.payment-charge-container{display:flex;flex-direction:column;height:calc(var(--vh, 1vh) * 100);overflow-y:auto;background:#f9f9f9}.payment-charge-container .content-container{overflow-y:auto;padding:0;font-size:15px;margin-top:calc(var(--cw, 3.75) * 60 / 3.75)}.payment-charge-container .content-container .payment-supported-brands{padding:15px;background:#fff;display:flex;justify-content:flex-start;align-items:center;border-top:1px solid #eee;border-bottom:1px solid #eee}.payment-charge-container .content-container .payment-supported-brands img{max-width:50px;width:calc(var(--vw, 1vw) * 12);display:inline-block}.payment-charge-container .content-container .payment-supported-brands img:not(:last-child){margin-right:calc(var(--vw, 1vw) * 4)}@media screen and (max-width: 375px){.payment-charge-container .content-container .payment-supported-brands img{margin-right:0}}.payment-charge-container .content-container .payment-error{font-size:16px;color:#fa5858;padding:15px}.payment-charge-container .content-container .payment-charge-info{margin-top:20px}.payment-charge-container .content-container .payment-charge-info .info-form-control{padding:0 15px;background:#fff;border-bottom:1px solid #eee}.payment-charge-container .content-container .payment-charge-info .info-form-control:first-child{border-top:1px solid #eee}.payment-charge-container .content-container .payment-charge-info .info-form-control .inner{display:flex;padding:20px 0;position:relative;align-items:center}.payment-charge-container .content-container .payment-charge-info .info-form-control .partition-border{margin:20px 10px;height:26px;border-right:1px solid #eee;top:50%}.payment-charge-container .content-container .payment-charge-info .info-form-control.half{display:flex}.payment-charge-container .content-container .payment-charge-info .info-form-control.half .inner{width:calc(50% - 10px)}.payment-charge-container .content-container .payment-charge-info .info-form-control .cardExpiresSeparator{color:#707070;margin:0 5px}.payment-charge-container .content-container .payment-charge-info .info-form-control .payjp-element{flex:1}.payment-charge-container .content-container .payment-charge-info .info-form-control label{font-weight:700;width:70px;line-height:26px}.payment-charge-container .content-container .payment-charge-info .info-form-control input{appearance:none;border:none;box-shadow:none;outline:none;width:100%;font-size:16px;background:transparent;padding:0}.payment-charge-container .content-container .payment-charge-info .info-form-control input:hover,.payment-charge-container .content-container .payment-charge-info .info-form-control input:focus,.payment-charge-container .content-container .payment-charge-info .info-form-control input:active{border:none;box-shadow:none;outline:none}.payment-charge-container .content-container .payment-charge-info .info-form-control input:focus+.hiddenborder,.payment-charge-container .content-container .payment-charge-info .info-form-control input.input-focus:focus~.hiddenborder{transform:scaleX(1)}.payment-charge-container .content-container .payment-charge-info .info-form-control input#cardExpiresMonth,.payment-charge-container .content-container .payment-charge-info .info-form-control input#cardExpiresYear{width:25px}.payment-charge-container .content-container .payment-charge-info .info-form-control input#cardCvc{width:40%}.payment-charge-container .content-container .payment-charge-info .info-form-control div.PayjpElement--focus~.hiddenborder{transform:scaleX(1)}.payment-charge-container .content-container .payment-charge-info .info-form-control div.PayjpElement--invalid~.hiddenborder{transform:scaleX(1);background-color:#fa5858}.payment-charge-container .content-container .payment-charge-info .info-form-control .hiddenborder{position:absolute;width:100%;left:0;bottom:0;height:1px;background-color:#198fcc;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;margin-bottom:-1px;transform:scaleX(0)}.payment-charge-container .content-container .payment-charge-info .info-form-control .hiddenborder.error{background-color:#fa5858}.payment-charge-container .content-container .payment-charge-info .info-form-control .card-icon{position:absolute;top:21px;right:0;height:24px}.payment-charge-container .content-container .payment-charge-info .info-form-control .cvc-tip-btn{top:24px;right:0;text-align:center;background:#fff;border:1px solid #999;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:16px;cursor:pointer}.payment-charge-container .content-container .payment-charge-info .info-form-control .cvc-tip-btn:before{content:"?";color:#999}.payment-charge-container .payment-charge-button-container{background-color:#fff;position:absolute;bottom:0;display:flex;justify-content:space-between;width:100%;padding:15px;border-top:2px solid #eee}.payment-charge-container .payment-charge-button-container button{width:100%;flex:1}.payment-charge-container .payment-charge-button-container button+button{margin-left:15px}.payment-charge-container .direct-button-container{padding:15px;position:absolute;bottom:0;width:100%}.payment-charge-container .direct-button-container .direct-button{width:100%}.payment-charge-container .payment-charge-cvc-tip-mask{background:rgba(0,0,0,.5);width:100%;height:calc(var(--vh, 1vh) * 100);top:0;left:0;z-index:98;display:none;position:absolute;background:rgba(0,0,0,.7);display:block}.payment-charge-container .payment-charge-cvc-tip-content{position:absolute;top:0;left:0;z-index:100;margin:50px auto}.payment-charge-container .payment-charge-cvc-tip-content img{width:100%}
