.app-view-wrapper{display:flex;flex-direction:column;align-items:flex-end;padding:2rem 20rem;padding-bottom:0;width:100%}@media (max-width:1200px){.app-view-wrapper{padding:2rem 4rem;padding-bottom:0}}@media (max-width:600px){.app-view-wrapper{padding:2rem 1rem;padding-bottom:0}}.app-view-wrapper__header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:2rem}.app-view-wrapper__content{display:flex;flex-direction:column;width:100%}.app-view-wrapper__footer{display:flex;align-items:center;justify-content:space-between;width:100%}.ui-p24{display:flex;flex-direction:column;width:100%}.ui-p24__header{display:flex;align-items:center;width:100%;margin-bottom:1rem}.ui-p24__header img{width:3rem;margin-right:1rem}.ui-p24__content{display:flex;align-items:center;width:100%;padding:1rem 0}.ui-p24 .payment-logo{display:flex;align-items:center;justify-content:center;width:15rem;background:#fff;border-radius:.5rem;padding:2rem;margin-right:5rem}@media (max-width:600px){.ui-p24 .payment-logo{margin-right:2rem}}.ui-p24 .payment-summary{display:flex;flex-direction:column;justify-content:center}.ui-p24 .payment-summary p{opacity:.6;font-size:1.1rem}.ui-p24 .payment-summary h4{font-size:1.4rem}.ui-p24 .payment-end{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%}.ui-p24 .payment-end__image{display:flex;justify-content:center;align-items:center;width:100%}.ui-p24 .payment-end__image .image-container{display:flex;justify-content:center;align-items:center;position:relative;width:5rem}.ui-p24 .payment-end__image .image-container__ico{display:flex;justify-content:center;align-items:center;position:absolute;border-radius:50%;width:2.5rem;height:2.5rem;top:-.5rem;left:-.5rem;font-size:1.5rem;font-weight:700;color:#fff}.ui-p24 .payment-end__image .image-container__ico--success{background:#95c11e}.ui-p24 .payment-end__image .image-container__ico--error{background:#e02020}.ui-p24 .payment-end__image .image-container__ico--waiting{background:#347bfc}.ui-p24 .payment-end__content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem 0}.ui-p24 .payment-end__content p{color:#347bfc;font-size:1.5rem;margin-top:.5rem}.ui-p24 .payment-end__content__alert{color:#afb0b1;margin-top:1.5rem;font-weight:700;font-size:1.2rem}.ui-p24 .payment-link-container{background:#fff;border:2px solid #347bfc;border-radius:.8rem;padding:1.5rem;margin:1.5rem 0;width:100%;max-width:600px}.ui-p24 .payment-link-container .payment-link-header{display:flex;align-items:center;margin-bottom:1rem}.ui-p24 .payment-link-container .payment-link-header .payment-link-icon{width:1.5rem;height:1.5rem;margin-right:.8rem}.ui-p24 .payment-link-container .payment-link-header h3{color:#347bfc;font-size:1.3rem;font-weight:600;margin:0}.ui-p24 .payment-link-container .payment-link-content p{color:#afb0b1;font-size:1.1rem;margin-bottom:.8rem;line-height:1.4}.ui-p24 .payment-link-container .payment-link-content p:last-of-type{margin-bottom:1rem;font-weight:600;color:#347bfc}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper{display:flex;gap:.8rem;align-items:center}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper .payment-link-input{flex:1;padding:.8rem 1rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;background:#f9f9f9;color:#afb0b1;cursor:pointer;font-family:monospace}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper .payment-link-input::-moz-placeholder{color:#e3e3e3;font-style:italic;font-family:inherit}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper .payment-link-input:-ms-input-placeholder{color:#e3e3e3;font-style:italic;font-family:inherit}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper .payment-link-input::placeholder{color:#e3e3e3;font-style:italic;font-family:inherit}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper .payment-link-input:focus{outline:none;border-color:#347bfc;background:#fff}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper .payment-link-copy-btn{padding:.8rem 1.5rem;background:#347bfc;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper .payment-link-copy-btn:hover{background:#045bf9;transform:translateY(-1px)}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper .payment-link-copy-btn.copied{background:#95c11e;-webkit-animation:pulse .6s ease-in-out;animation:pulse .6s ease-in-out}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper .payment-link-copy-btn:active{transform:translateY(0)}@media (max-width:600px){.ui-p24 .payment-link-container{padding:1rem;margin:1rem 0}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper{flex-direction:column;gap:.5rem}.ui-p24 .payment-link-container .payment-link-content .payment-link-wrapper .payment-link-copy-btn{width:100%}}@-webkit-keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.ui-p24 .rotating{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.func-ad-service{display:flex;justify-content:center;align-items:center;width:100%;border-top:1px solid #afb0b1;padding-top:2rem}@media (max-width:600px){.func-ad-service{flex-direction:column}}.func-ad-service__image{display:flex;align-items:center;justify-content:center}.func-ad-service__image img{width:16rem;transform:rotate(18deg)}.func-ad-service__content{display:flex;flex-direction:column;align-items:flex-start;padding:2rem 0}.func-ad-service__content p{font-weight:700;font-size:1.2rem}.func-ad-service__content .buttons{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:2rem 0}.func-ad-service__content .buttons img{width:10rem;margin-right:1rem;cursor:pointer}.view-payment-status .app-view-wrapper__content{padding:0 20rem}@media (max-width:600px){.view-payment-status .app-view-wrapper__content{padding:0}}