@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);.payiyo-payment{width:100%;font-family:Montserrat,sans-serif;padding-bottom:1.5rem}.payiyo-header{padding-top:1.5rem;padding-bottom:1.5rem;display:flex;align-items:center}.payiyo-header h3{margin:0;font-size:1.75rem}.payiyo-logo img{margin:0;height:50px}.payiyo-header-text{display:flex;align-items:center;margin-right:auto}.payiyo-header-text img{width:2.5rem;height:2.5rem;margin-right:1rem}.payiyo-form{padding-top:1.5rem;padding-bottom:1.5rem;display:flex;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.payiyo-form>div{word-break:break-word}.payiyo-pay{padding-right:1rem;flex:.7}.payiyo-form h5{font-weight:400;font-size:1.35rem;color:#34495e;margin:0;margin-bottom:.5rem}.payiyo-form h4{font-size:1.5rem;color:#f39c12;margin:0}.payiyo-qr{flex:.3}.payiyo-mt-1{padding-top:1.5rem}.payiyo-qr img{width:100%}.payiyo-info-text{margin:0;margin-top:1rem;color:#34495e}@media screen and (max-width:768px){.payiyo-form{flex-direction:column-reverse}.payiyo-qr{margin-bottom:1rem;text-align:center}.payiyo-qr img{width:auto;max-height:250px}}.payiyo-spinner{-webkit-animation:rotation 1.35s linear infinite;animation:rotation 1.35s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}.payiyo-spinner .circle{stroke-dasharray:180;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:turn 1.35s ease-in-out infinite;animation:turn 1.35s ease-in-out infinite}@-webkit-keyframes turn{0%{stroke-dashoffset:180}50%{stroke-dashoffset:45;-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:180;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes turn{0%{stroke-dashoffset:180}50%{stroke-dashoffset:45;-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:180;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}.payiyo-spinner{stroke:#259b24}.payiyo-check{fill:#259b24}.payiyo-check,.payiyo-spinner{margin-right:1.25rem}.payiyo-status>div{display:inline-flex;align-items:center;color:#259b24;font-weight:700;margin-top:1rem}