.payment__invoice{align-items:center;background:linear-gradient(64deg,#f0ddfb,#fff8ea);border-radius:1rem;box-shadow:0 8px 16px #382f5514;color:#1e2c3d;display:flex;flex-direction:column;font-family:var(--font-stack-elpy);letter-spacing:0;margin:2rem 1.5rem 0;padding:1.5rem;text-align:center}.payment__invoice--icon{margin-bottom:1.5rem}.payment__invoice--title{font-size:1.5rem;font-weight:700;line-height:1.8125rem;margin-bottom:.75rem}.payment__invoice--description{font-size:1rem;line-height:1.5rem;margin:0 auto 1.5rem}.payment__invoice--cta{width:100%}.payment__invoice h1{font-family:inherit}.payment__faq{color:#1e2c3d;font-family:var(--font-stack-elpy);padding:1rem 0 3rem}.payment__faq .my-page__box-title{font-family:inherit}.payment__faq .my-page-faq__more-button .my-page__box-content .text-button-label{border-color:#1e2c3d;color:#1e2c3d;font-family:var(--font-stack-elpy)}.payment__pay{align-items:flex-start;background:#ededfe;display:flex;flex-direction:column;font-family:var(--font-stack-elpy);margin-bottom:4rem;min-height:24.125rem;overflow:hidden;padding:3rem 2rem 0;position:relative}.payment__pay--icon{position:absolute;right:1.5rem;top:1.25rem}.payment__pay--title{font-size:2rem;font-weight:700;line-height:2.375rem;margin-bottom:1.5rem}.payment__pay h2{font-family:inherit}.payment__pay--description{line-height:1.5rem;margin:0 0 1.5rem}.payment__pay--cta{width:10.75rem}.payment__pay--qr{width:6.875rem}.payment__pay--start-page{height:16.375rem;position:absolute;right:4%;top:45%;width:22.875rem}.payment__pay--shape,.payment__pay--shape-1{position:absolute;right:0;width:100%}.payment__pay--shape{bottom:0}.payment__pay--shape-1{bottom:-10.4375rem;height:100%}@media (min-width:36em){.payment__invoice--cta{width:17.5rem}.payment__pay--start-page{top:35%}.payment__pay--shape{display:none}}@media (min-width:62em){.payment__invoice{box-shadow:0 16px 32px #382f551a;margin:3rem 0 0;padding:2rem}.payment__invoice--icon{margin-bottom:2rem}.payment__invoice--title{font-size:2rem;line-height:2.375rem;margin-bottom:1rem}.payment__pay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='387' height='228' viewBox='0 0 387 228'%3E%3Ctitle%3ESurfaces / Solid / 100-radius%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='56.629%25' y2='41.162%25'%3E%3Cstop offset='0%25' stop-color='%23F0DDFB'/%3E%3Cstop offset='100%25' stop-color='%23FFF8EA'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M0 228V61.165C19.366 11.538 50.918-13.947 95.566 7.843c44.65 21.79 56.786 71.598 86.574 78.516 29.789 6.918 46.651-13.323 76.126-13.836s62.887 13.836 93.779 45.658S400.589 184.592 413 228z' opacity='.7' transform='matrix(-1 0 0 1 413 0)'/%3E%3C/svg%3E");background-position:100% 100%;background-repeat:no-repeat;margin-bottom:6rem;padding:3rem 8rem 2.75rem 3.875rem}.payment__pay--icon{top:1.5rem}.payment__pay--title{font-size:2.5rem;line-height:3rem}.payment__pay--start-page{bottom:.5625rem;height:12.375rem;position:absolute;right:2.75rem;top:auto;width:17.3125rem}}