.BillingInvoicePaymentAnimation{--invoicePaymentScreenBaseSize:10px;--invoicePaymentScreenBorderRadius:4px;--invoicePaymentScreenBackgroundColor:#f6f9fc;--invoicePaymentScreenButtonColor:#d0d7df;--invoicePaymentScreenAccentColor:#515de1;--invoicePaymentScreenSuccessColor:#15be53;--invoicePaymentScreenDarkColor:#0a2540;--invoicePaymentScreenLogoSize:4em;--invoicePaymentsMobilePhoneWidth:300;--invoicePaymentsMobileScreenWidth:285;position:relative;pointer-events:none}@media (min-width:450px){.BillingInvoicePaymentAnimation{--invoicePaymentScreenBaseSize:16px}}.BillingInvoicePaymentScreen{position:relative;height:290px;width:100%;font-size:var(--invoicePaymentScreenBaseSize);transition:transform .7s ease-in-out}@media (min-width:600px){.BillingInvoicePaymentScreen{height:440px}}.BillingInvoicePaymentAnimation--ready{--invoicePaymentScreenButtonColor:var(--invoicePaymentScreenAccentColor)}.BillingInvoicePaymentAnimation--pay .BillingInvoicePaymentScreen__button{transform:scale(.94)}.BillingInvoicePaymentAnimation--approve .BillingInvoicePaymentScreen__approve{opacity:1;transform:translate(-50%,-50%);transition:opacity .5s,transform .3s ease-out}.BillingInvoicePaymentAnimation--mobile .BillingInvoicePaymentScreen{transform:translateX(170px)}.BillingInvoicePaymentAnimation--mobile .BillingInvoicePaymentMobile{opacity:1;transform:scale(var(--scale)) translateY(0);transition:opacity .5s,transform .5s}@media (max-width:599px){.BillingInvoicePaymentAnimation--mobile .BillingInvoicePaymentMobile{transform:scale(var(--scale)) translateY(-50px)}}.BillingInvoicePaymentAnimation--mobile .BillingInvoicePaymentScreen:after{opacity:.5}.BillingInvoicePaymentAnimation--replay .BillingInvoicePayment__replay{opacity:1;visibility:visible;pointer-events:auto}.BillingInvoicePaymentAnimation--success .BillingInvoicePaymentScreen__success{opacity:1;transform:translateY(0)}.BillingInvoicePaymentScreen:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--invoicePaymentScreenDarkColor);opacity:0;z-index:2;transition:opacity .5s}.BillingInvoicePaymentScreen__container{display:flex;justify-content:center;align-items:center;height:100%;position:relative;background-color:var(--invoicePaymentScreenBrandColor);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:filter .5s}.BillingInvoicePaymentScreen__container:before{content:"";background-color:var(--invoicePaymentScreenBackgroundColor);position:absolute;top:68.8073394%;left:0;width:100%;height:100%;transform-origin:top left;transform:skewY(var(--angleStrong))}.BillingInvoicePaymentScreen__body{width:65.2495379%;height:69.7247706%;background-color:#fff;box-shadow:var(--cardShadowSmall);z-index:1;border-radius:var(--invoicePaymentScreenBorderRadius);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.BillingInvoicePaymentScreen__form,.BillingInvoicePaymentScreen__success,.BillingInvoicePaymentScreen__top{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.BillingInvoicePaymentScreen__top{flex:0.4;justify-content:flex-end;position:relative}.BillingInvoicePaymentScreen__form{background-color:var(--invoicePaymentScreenBackgroundColor);flex:0.6;padding:1.4em 0 1.5em;border-bottom-right-radius:var(--invoicePaymentScreenBorderRadius);border-bottom-left-radius:var(--invoicePaymentScreenBorderRadius);overflow:hidden}.BillingInvoicePaymentScreen__success{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--invoicePaymentScreenBackgroundColor);transition:opacity .5s,transform .5s;transform:translateY(40px);opacity:0}.BillingInvoicePaymentMobile__logo,.BillingInvoicePaymentScreen__logo{width:var(--invoicePaymentScreenLogoSize);height:var(--invoicePaymentScreenLogoSize);border-radius:50%;border:.1875em solid #fff;background:var(--invoicePaymentScreenBrandColor);box-shadow:var(--cardShadowXSmall)}.BillingInvoicePaymentScreen__logo{position:absolute;top:-1.2em;left:calc(50% - var(--invoicePaymentScreenLogoSize)/2)}.BillingInvoicePaymentMobile__title,.BillingInvoicePaymentScreen__title{display:block;font:500 .9375em/1.6 var(--fontFamily);letter-spacing:.2px;color:var(--titleColor)}.BillingInvoicePaymentScreen__number{margin:0 0 1em}.BillingInvoicePaymentScreen__cardNumber{flex:0.65}.BillingInvoicePaymentScreen__expiration{flex:0.2}.BillingInvoicePaymentScreen__cvc{flex:0.12}.BillingInvoicePaymentMobile__label,.BillingInvoicePaymentScreen__label{font:300 .8125em/1.230769231 var(--fontFamily);color:#364657;letter-spacing:.02em}.BillingInvoicePaymentMobile__label--bold,.BillingInvoicePaymentScreen__label--bold{font-weight:var(--fontWeightBold)}.BillingInvoicePaymentScreen__label--accent{color:var(--invoicePaymentScreenAccentColor)}.BillingInvoicePaymentScreen__label--placeholder{color:#adb7c1}.BillingInvoicePaymentScreen__meta{margin:0 0 1.2em}.BillingInvoicePaymentScreen__input{width:72.8045326%;display:flex;justify-content:space-between;background-color:#fff;box-shadow:var(--cardShadowXSmall);border-radius:var(--invoicePaymentScreenBorderRadius);padding:.5em .8em;margin:0 0 .5em}.BillingInvoicePaymentScreen__expiration{width:44px}.BillingInvoicePaymentScreen__cvc{width:21px}.BillingInvoicePaymentScreen__button{background-color:var(--invoicePaymentScreenButtonColor);box-shadow:var(--cardShadowXSmall);width:72.8045326%;border-radius:var(--invoicePaymentScreenBorderRadius);text-align:center;margin:0 0 1em;transition:background-color .2s,transform .4s}.BillingInvoicePaymentScreen__button .BillingInvoicePaymentScreen__label{color:#fff;line-height:2.35}.BillingInvoicePaymentScreen__check{margin-bottom:10px}.BillingInvoicePaymentScreen__label--success,.BillingInvoicePaymentScreen__title--success{margin-bottom:4px;color:var(--invoicePaymentScreenSuccessColor)}.BillingInvoicePaymentScreen__approve{position:absolute;left:50%;top:50%;width:216px;height:190px;padding:48px 40px 40px;border-radius:4px;box-shadow:var(--cardShadowLarge);transform:translate(-50%,-40%);background-color:#fff;text-align:center;z-index:3;opacity:0;transition:opacity .5s,transform .3s ease-in}@media (min-width:600px){.BillingInvoicePaymentScreen__approve{height:280px}}.BillingInvoicePaymentScreen__visa{position:absolute;right:16px;top:16px}.BillingInvoicePaymentScreen__faceId{margin:40px auto 0;display:flex;justify-content:center}.BillingInvoicePaymentMobile{--scale:1;position:absolute;width:calc(var(--invoicePaymentsMobilePhoneWidth)*1px);left:0;top:160px;height:600px;z-index:4;opacity:0;transition:opacity .5s,transform .5s ease-in;transform:scale(var(--scale)) translateY(100px);transform-origin:top left;box-shadow:var(--cardShadowLarge);border-radius:42px;overflow:hidden}@media (max-width:599px){.BillingInvoicePaymentMobile{--scale:0.65}}.BillingInvoicePaymentMobile:before{content:"";background:#f6f9fc;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.BillingInvoicePaymentMobile__screen{display:flex;border-radius:34px;flex-direction:column;justify-content:flex-start;padding:120px 8px;margin:8px auto;text-align:center;position:relative;overflow-x:hidden;width:calc(var(--invoicePaymentsMobileScreenWidth)*1px);z-index:2}.BillingInvoicePaymentMobile__top{position:absolute;top:0;left:0;width:100%;background:#525f7f;color:#fff;padding:24px 0 12px;font-size:13px;display:flex;justify-content:center;align-items:center}.BillingInvoicePaymentMobile__middle{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 60px}.BillingInvoicePaymentMobile__title{margin-bottom:6px}.BillingInvoicePaymentMobile__nav{width:16px;height:2px;background-color:#fff;position:absolute;left:15px;top:33px}.BillingInvoicePaymentMobile__nav:after,.BillingInvoicePaymentMobile__nav:before{background-color:#fff;content:"";display:block;position:absolute;height:100%;width:100%}.BillingInvoicePaymentMobile__nav:before{top:-4px}.BillingInvoicePaymentMobile__nav:after{top:4px}.BillingInvoicePaymentMobile__logo{position:relative;margin:0 auto 20px}.BillingInvoicePaymentMobile__faceId{display:flex;justify-content:center;margin-top:30px}.BillingInvoicePayment__replay{position:absolute;left:0;top:0;z-index:4;transition:opacity .5s;opacity:0;visibility:hidden;width:100%;height:100%;pointer-events:none}