.PayInvoiceGraphic{width:588px;height:422px;overflow:hidden;border-radius:calc(8px*1/var(--scale));background:#f6f9fc;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);font-size:13px;font-weight:300;line-height:20px;letter-spacing:.2px;color:#425466;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PayInvoiceGraphic__container{display:grid;width:inherit;height:inherit;overflow:inherit;border-radius:inherit;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.PayInvoiceGraphic__modal{grid-area:1/1}.PayInvoiceGraphic__backgroundContainer{position:relative;grid-area:1/1;height:67%;transform:skewY(168deg);transform-origin:0;overflow:hidden}.PayInvoiceGraphic__background{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:#0a2540}.PayInvoiceGraphic__background:not(:first-of-type){opacity:0}.PayInvoiceGraphic__modal{z-index:1;width:380px;place-self:center;border-radius:6px;background:#fff;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.PayInvoiceGraphic__logo{position:relative;width:60px;height:60px;margin:-20px auto 12px;border-radius:50%;background:#fff;box-shadow:0 0 5px -1px rgba(50,50,93,.25),0 0 3px -1px rgba(0,0,0,.3);overflow:hidden}.PayInvoiceGraphic__logoImage{position:absolute;top:0;left:0;width:100%;height:100%}.PayInvoiceGraphic__logoImage:not(:first-of-type){opacity:0}.PayInvoiceGraphic__titleContainer{position:relative;height:20px;overflow:hidden}.PayInvoiceGraphic__title{position:absolute;top:0;left:50%;color:#0a2540;font-weight:450;transform:translate(-50%)}.PayInvoiceGraphic__title:not(:first-of-type){opacity:0}.PayInvoiceGraphic__billedTo{margin-bottom:16px;text-align:center}.PayInvoiceGraphic__descriptionContainer{position:relative;height:20px;margin-bottom:16px}.PayInvoiceGraphic__description{position:absolute;top:0;left:0;width:100%;text-align:center}.PayInvoiceGraphic__description:not(:first-of-type){opacity:0}.PayInvoiceGraphic__checkout{margin-top:16px;padding:16px 40px 40px;border-radius:0 0 6px 6px;background:#f6f9fc}.PayInvoiceGraphic__price{font-weight:450}.PayInvoiceGraphic__form{display:grid;grid:auto-flow 28px/repeat(2,1fr);gap:16px}.PayInvoiceGraphic__inputContainer{position:relative;background:#fff;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);border-radius:4px}html[lang^=ja] .PayInvoiceGraphic__inputContainer{font-size:10px}.PayInvoiceGraphic__input{display:flex;align-items:center;color:#62788d;height:100%}.PayInvoiceGraphic__input--card{position:absolute;top:0;left:0;width:100%;height:100%;color:#515de1;border:2px solid;border-radius:inherit;font-weight:450}.PayInvoiceGraphic__input--card:not(:first-of-type){opacity:0}.PayInvoiceGraphic__icon{margin:0 7px 0 8px}.PayInvoiceGraphic__icon--active{margin-left:6px;fill:currentColor}.PayInvoiceGraphic__inputContainer--number{grid-column:span 2}.PayInvoiceGraphic__exp{margin-left:auto}.PayInvoiceGraphic__cvc{margin:0 17px 0 16px}.PayInvoiceGraphic__button{position:relative;grid-column:span 2;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);border-radius:4px}.PayInvoiceGraphic__buttonBackground{position:absolute;top:0;left:0;width:100%;height:100%;background:#515de1;border-radius:inherit}.PayInvoiceGraphic__buttonBackground:not(:first-of-type){opacity:0}.PayInvoiceGraphic__buttonLabel{position:relative;z-index:2;color:#fff;font-weight:450}