.uqpay-drop-in-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;width:100%}.uqpay-drop-in-header{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.uqpay-drop-in-header h3{margin:0;font-size:18px;font-weight:500;color:#333}.uqpay-payment-methods{margin-bottom:20px}.uqpay-payment-method{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;overflow:hidden}.uqpay-payment-method.active{border-color:#3d95ce;box-shadow:0 0 0 1px #3d95ce}.method-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f9f9f9;border-bottom:1px solid #eee}.method-title{font-weight:500;font-size:14px}.method-icons{display:flex;gap:5px}.card-icon{width:30px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}.card-icon.visa{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM5Ni41MyAxNDIuNThoLTQ3LjY0Yy0xNC43NSAwLTI2LjAzIDMuMTktMzIuNTkgMTQuODNsLTkyLjYyIDIxMi4wNmg2NS4zMnM5LjU3LTI1LjQxIDExLjc1LTMwLjk4aDcxLjVjMS42NiA3LjIsNi43OSAzMC45OCAxLjUgMzAuOThoNTcuMzlMMzk2LjUzIDE0Mi41OHpNMzIwLjc2IDI5Ny4yYzQuNjEtMTEuOTMgMjIuMTktNTcuOTUgMjIuMTktNTcuOTVzNS45OS0xNS41OSA4Ljk1LTI1LjYybDQuNTUgMjIuNjJjMCAwIDE0LjA3IDYxLjg3IDE3LjAyIDc0Ljk1aDUyLjQ5YzAtMTMuOTMtNjUuMTktMTY4LjYyLTY1LjE5LTE2OC42MiIgZmlsbD0iIzI2NkZDMSIvPjxwYXRoIGQ9Ik0xNDAuNTUgMTQyLjUybC02MC45NSAxNTYuMTktNS41OC0yOC43OWMtOS43OS0zMS4zNi00MC4xNC01MC42Mi03NC40OS02NS40MmwzLjc1IDE2MS42M2g2NS4zMmwxMjcuNS0yMjMuNjloLTU1LjU1djAuMDd6IiBmaWxsPSIjMjY2RkMxIi8+PHBhdGggZD0iTTgwLjM2IDE0Mi41OEgyLjIyQzEuMDMgMTQyLjU4IDAgMTQzLjY3IDAgMTQ0Ljg2YzAgMC44MiAwLjIxIDEuNjMgMC41MiAyLjM3bDIyLjM0IDUzLjc1YzAgMCAwLjM4IDAuOTYgNC4xNiAwLjkzaDI4LjQxYzM0LjM1IDE0LjggNjQuNjMgMzQuOTkgNzQuNDkgNjUuNDJsLTguODItNDIuNTJjMCAwLTMuNTMtMTMuNzgtMTQuMDQtMTMuNzhINzUuMzlzLTguMzQtMjUuNiAxOS44Mi0yNS42aDIzLjUyYy0xLjYzIDAtOS42Ni01LjAzLTI2LjQ3LTQwLjc3bC0xMS45LTMuMDJ6IiBmaWxsPSIjRjlBMTAwIi8+PC9zdmc+)}.card-icon.mastercard{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMyMCAxNTkuMTc3SDI4OFYzNTguNDQySDMyMFYxNTkuMTc3WiIgZmlsbD0iIzZDNkJCRSIvPjxwYXRoIGQ9Ik0yOTcuMTE5IDI1OC44MDlDMjk3LjExOSAyMTcuMTU4IDI3Mi45NDYgMTgxLjU3NyAyMzUuNDE1IDE1OS4xNzdDMjExLjkyMyAxNDQuNjIgMTg0LjA4MiAxMzYgMTU0LjY2MSAxMzZDNzUuMjg1MSAxMzYgMTEgMTg5LjYzIDExIDI1OC44MDlDMTEgMzI3Ljk4NyA3NS4yODUxIDM4MS42MTcgMTU0LjY2MSAzODEuNjE3QzE4NC4wODIgMzgxLjYxNyAyMTEuOTIzIDM3Mi45OTcgMjM1LjQxNSAzNTguNDQyQzI3Mi45NDYgMzM2LjA0IDI5Ny4xMTkgMzAwLjQ2IDI5Ny4xMTkgMjU4LjgwOVoiIGZpbGw9IiNFQjAwMUIiLz48cGF0aCBkPSJNNTAxIDE1OS4xNzdDNDc3LjUwOCAxNDQuNjIgNDQ5LjY2OCAxMzYgNDIwLjI0NiAxMzZDMzkwLjgyNSAxMzYgMzYyLjk4NCAxNDQuNjIgMzM5LjQ5MyAxNTkuMTc3QzMwMS45NiAxODEuNTc3IDI3Ny43ODkgMjE3LjE1OCAyNzcuNzg5IDI1OC44MDlDMjc3Ljc4OSAzMDAuNDYgMzAxLjk2IDMzNi4wNCAzMzkuNDkzIDM1OC40NDJDMzYyLjk4NCAzNzIuOTk3IDM5MC44MjUgMzgxLjYxNyA0MjAuMjQ2IDM4MS42MTdDNDQ5LjY2OCAzODEuNjE3IDQ3Ny41MDggMzcyLjk5NyA1MDEgMzU4LjQ0MkM1MDEgMzU4LjQ0MiAzODcuNzE2IDI1OC44MDkgNTAxIDE1OS4xNzdaIiBmaWxsPSIjRkY5QjAwIi8+PC9zdmc+)}.card-icon.amex{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3Ljc2NTYgMzMyLjA3OEw0My4wMDc4IDI5OC41SDU5LjU2MjVMNzQuODA0NyAzMzIuMDc4TDkwLjA0NjkgMjk4LjVIMTEzLjE0MUw4Ni4yMTg4IDM1MS41SDY0LjIzNDRMNDkuODQzOCAzMTguODQ0TDM0LjI1IDM1MS41SDExLjQxNDFMMCAxOTAuNUgzMi45Mzc1VjI2Ni4yMzRMNDYuMDc4MSAyMzRIMTAwTDExMy4xNDEgMjY2LjIzNFYyMzRIMjIwLjYyNUwyMzIuNjU2IDI1MC4zNTlMMjQ0LjY4OCAyMzRIMzIwLjkzOFYyOTguNUgzMDEuMjE5VjI1MC4zNTlIMjY0Ljg0NEwyNTAuNDY5IDI3NC44NTFIMJM0LjEwOVYyNTAuMzU5SDIwMC45MzlWMjk4LjVIMTYxLjQzOEwyNDcuNjU2IDM2OS45MzdWMzUxLjVIMjc0LjU3OEwyODYuODQ0IDMzMi4wNzhIMzUyLjc2NkwzNjUuMDMxIDM1MS41SDM5Mi44OTFWMjk4LjVINDE2LjMxMlYzNTEuNUg0MzkuNzM0VjI5OC41SDQ2My4xNTZMMzg3LjM5MSAxOTAuNUg0NjMuMTU2TDUxMiAyOTguNVYzMTkuMzEySDE0OC44NzhMODYuMjE4OCAxOTAuNUgxNDAuMDYyTDE2Ny40MjIgMjM0SDIwMC45MzlMMjM0LjEwOSAzNjkuOTM3TDI3NC41NzggMzcwLjEyOUwyOTAuMjUgMzQyLjY1MkgzNDguODkxTDM2NS4wMzEgMzcwLjEyOUg0NjMuMTU2Ii8+PHBhdGggZD0iTTI3Ljc2NTYgMzMyLjA3OEw0My4wMDc4IDI5OC41SDU5LjU2MjVMNzQuODA0NyAzMzIuMDc4TDkwLjA0NjkgMjk4LjVIMTEzLjE0MUw4Ni4yMTg4IDM1MS41SDY0LjIzNDRMNDkuODQzOCAzMTguODQ0TDM0LjI1IDM1MS41SDExLjQxNDFMMCAxOTAuNUgzMi45Mzc1VjI2Ni4yMzRMNDYuMDc4MSAyMzRIMTAwTDExMy4xNDEgMjY2LjIzNFYyMzRIMjIwLjYyNUwyMzIuNjU2IDI1MC4zNTlMMjQ0LjY4OCAyMzRIMzIwLjkzOFYyOTguNUgzMDEuMjE5VjI1MC4zNTlIMjY0Ljg0NEwyNTAuNDY5IDI3NC44NTFIMJM0LjEwOVYyNTAuMzU5SDIwMC45MzlWMjk4LjVIMTYxLjQzOEwyNDcuNjU2IDM2OS45MzdWMzUxLjVIMjc0LjU3OEwyODYuODQ0IDMzMi4wNzhIMzUyLjc2NkwzNjUuMDMxIDM1MS41SDM5Mi44OTFWMjk4LjVINDE2LjMxMlYzNTEuNUg0MzkuNzM0VjI5OC41SDQ2My4xNTZMMzg3LjM5MSAxOTAuNUg0NjMuMTU2TDUxMiAyOTguNVYzMTkuMzEySDE0OC44NzhMODYuMjE4OCAxOTAuNUgxNDAuMDYyTDE2Ny40MjIgMjM0SDIwMC45MzlMMjM0LjEwOSAzNjkuOTM3TDI3NC41NzggMzcwLjEyOUwyOTAuMjUgMzQyLjY1MkgzNDguODkxTDM2NS4wMzEgMzcwLjEyOUg0NjMuMTU2IiBmaWxsPSIjMDE2RkQ3Ii8+PHBhdGggZD0iTTUxMiAxOTAuNUgzNjUuMDMxTDM1Mi43NjYgMjA5LjkyMkgzMTkuODI4TDMwNy41NjIgMTkwLjVIMTYxLjQzOEwyNDcuNjU2IDMxOS41MzdWMTkwLjVIMTQwLjA2MkwxMjcuNTMxIDIyMkwxMTQuMDE2IDE5MC41SDMyLjkzNzVWMTkyLjM5OEw1OS4zMjgxIDE0MS41SDQzNS4xOTVMNDEzLjM0NCAxNjUuMzVINDYzLjE1NiIvPjxwYXRoIGQ9Ik01MTIgMTkwLjVIMzY1LjAzMUwzNTIuNzY2IDIwOS45MjJIMzE5LjgyOEwzMDcuNTYyIDE5MC41SDE2MS40MzhMMjQ3LjY1NiAzMTkuNTM3VjE5MC41SDE0MC4wNjJMMTI3LjUzMSAyMjJMMTE0LjAxNiAxOTAuNUgzMi45Mzc1VjE5Mi4zOThMNTkuMzI4MSAxNDEuNUg0MzUuMTk1TDQxMy4zNDQgMTY1LjM1SDQ2My4xNTYiIGZpbGw9IiMwMTZGRDciLz48cGF0aCBkPSJNMjk5Ljg0NCAzMTkuMzEySDMxOS4zMjhMMzI3LjUgMzAxLjMyOEwzMzYuMjE5IDMxOS4zMTJIMzU2LjE3MkwzMzkuMTI1IDI4Mi4xMjVMMzU0LjEwOSAyOTguNUgzMjkuNDY5TDMxOC43ODEgMjgwLjY4OEwzMDguNTYyIDI5OC41SDI4Mi41TDI5OS4xNTYgMjgyLjEyNUwyODMuMjM0IDI4Mi42ODZIMTI4Ljc4MUw3OS42ODc1IDE5MC41SDM5LjU5MzhMNTkuMzI4MSAxNDEuNUg0MDYuNjcySDE5NS4xMzNMMzE5LjA5NCAxNDEuNzk3SDU5LjMyODFMNTEuNjI1IDE1OS4zNzVINDE1LjQzN0wzODUuNzAzIDE0MS41SDEwMC4yMzRMOTIuNzgxMiAxNTkuMzc1SDQxNS40MzdMMzk4Ljc4MSAxNDEuNUgzOTUuNjcxTDM4NS43MDMgMTUwLjk2M0w1MTIgMTUyLjU4NkwzODIuNzMgMTUyLjUiLz48cGF0aCBkPSJNMjk5Ljg0NCAzMTkuMzEySDMxOS4zMjhMMzI3LjUgMzAxLjMyOEwzMzYuMjE5IDMxOS4zMTJIMzU2LjE3MkwzMzkuMTI1IDI4Mi4xMjVMMzU0LjEwOSAyOTguNUgzMjkuNDY5TDMxOC43ODEgMjgwLjY4OEwzMDguNTYyIDI5OC41SDI4Mi41TDI5OS4xNTYgMjgyLjEyNUwyODMuMjM0IDI4Mi42ODZIMTI4Ljc4MUw3OS42ODc1IDE5MC41SDM5LjU5MzhMNTkuMzI4MSAxNDEuNUg0MDYuNjcySDE5NS4xMzNMMzE5LjA5NCAxNDEuNzk3SDU5LjMyODFMNTEuNjI1IDE1OS4zNzVINDE1LjQzN0wzODUuNzAzIDE0MS41SDEwMC4yMzRMOTIuNzgxMiAxNTkuMzc1SDQxNS40MzdMMzk4Ljc4MSAxNDEuNUgzOTUuNjcxTDM4NS43MDMgMTUwLjk2M0w1MTIgMTUyLjU4NkwzODIuNzMgMTUyLjUiIGZpbGw9IndoaXRlIi8+PC9zdmc+)}.method-body{padding:15px;background-color:#fff}.form-group{margin-bottom:15px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.form-group label{display:block;margin-bottom:5px;font-size:13px;color:#555}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#3d95ce;box-shadow:0 0 0 1px #3d95ce}.uqpay-pay-button{width:100%;padding:12px;background-color:#3d95ce;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.uqpay-pay-button:hover{background-color:#3387bc}.uqpay-pay-button:disabled{background-color:#9ac8e2;cursor:not-allowed}.error-message{color:#e74c3c;font-size:13px;margin-top:5px}.uq-transaction-status{max-width:560px;margin:0 auto;padding:20px;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.uq-status-container{display:flex;flex-direction:column;align-items:center;background:#fff;padding:30px 20px}.uq-status-icon{width:132px;height:132px}.uq-status-icon img{width:100%;height:100%}.uq-transaction-waiting .uq-status-icon img{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.uq-status-title{font-size:24px;font-weight:600;color:#333;margin:0 0 10px;text-align:center}.uq-status-date{font-size:14px;color:#666;margin:0 0 20px;text-align:center}.uq-status-summary{width:100%;margin-bottom:30px;border-radius:8px;overflow:hidden}.uq-summary-heading{padding:15px;margin:0;font-size:24px;font-weight:600}.uq-summary-content{padding:24px}.uq-product-image{margin-right:8px;width:60px;height:60px}.uq-product-image img{width:100%;height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px}.uq-product-name{font-weight:600;margin-bottom:4px}.uq-product-description{font-size:16px;color:#666}.uq-product-amount{font-weight:600;text-align:right;min-width:80px}.uq-summary-divider{border-top:1px solid #eee;margin:15px 0}.uq-subtotal-row{display:flex;justify-content:space-between;margin-bottom:10px}.uq-discount-row{display:flex;justify-content:space-between;margin-bottom:10px;color:#06c}.uq-discount-label{display:flex;align-items:center;background:#e6f2ff;border-radius:4px;padding:4px 8px;font-size:14px}.uq-discount-icon{background:#06c;color:#fff;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;margin-right:4px}.uq-tax-row{display:flex;justify-content:space-between;margin-bottom:10px}.uq-tax-label{display:flex;align-items:center}.uq-info-icon{display:inline-block;margin-left:4px;width:16px;height:16px;background:#ccc;color:#fff;border-radius:50%;text-align:center;line-height:16px;font-size:10px;font-weight:700}.uq-info-icon:after{content:"i"}.uq-total-row{display:flex;justify-content:space-between;font-weight:700;font-size:20px}.uq-total-amount{color:#000}.uq-primary-button{background:#0177fd;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;width:100%;text-align:center;transition:background-color .2s}.uq-primary-button:hover{opacity:.8}.uq-secondary-button{background:transparent;color:#0177fd;border:1px solid #0177FD;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;width:100%;text-align:center;margin-top:16px;transition:background-color .2s}.uq-secondary-button:hover{background:#f5f9ff}@media(max-width:768px){.uq-transaction-status{padding:10px}.uq-status-container{padding:20px 15px}.uq-status-title,.uq-status-date{font-size:14px}.uq-summary-heading{padding:12px;font-size:20px;font-weight:600}.uq-summary-content{padding:12px}.uq-product-image{width:50px;height:50px}.uq-product-name,.uq-product-description{font-size:14px}.uq-product-amount{min-width:70px;font-size:14px}.uq-summary-divider{margin:12px 0}.uq-subtotal-row,.uq-discount-row,.uq-tax-row,.uq-total-row{font-size:14px}.uq-primary-button,.uq-secondary-button{width:100%;padding:10px 20px;font-size:14px}}@media(max-width:375px){.uq-status-container{padding:15px 10px}.uq-status-title{font-size:18px}.uq-status-date{font-size:12px}.uq-summary-heading{padding:10px;font-size:16px;font-weight:600}.uq-summary-content{padding:10px}.uq-product-image{width:40px;height:40px}.uq-product-name{font-size:13px}.uq-product-description{font-size:11px}}.uq-payment-container{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:100%;min-height:100vh;margin:0 auto;padding:0 24px;background-color:#fff}@media(min-width:1300px){.uq-payment-container{max-width:1200px;margin:0 auto}}.uq-payment-page{width:100%;background-color:#fff;border-radius:4px;overflow:hidden}.uq-left-section{flex:1;padding:2rem 64px 2rem 0;display:flex;flex-direction:column}.uq-payment-top{border-bottom:1px solid #e0e0e0;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;align-self:stretch}.uq-payment-top img{height:30px}@media(max-width:768px){.uq-payment-top{padding:24px}.uq-payment-top>img{height:24px;margin-top:8px}}.uq-summary-section{flex:1;padding:1rem}.uq-summary-title{font-size:24px;font-weight:700;margin-bottom:1.2rem;color:#333}.uq-summary-content{background-color:#fafafa;border-radius:12px;padding:1.5rem}.uq-summary-divider{height:1px;background-color:#eee;margin:1rem 0}.uq-product-row{display:flex;margin-bottom:1.5rem;padding-bottom:.5rem;align-items:center}.uq-product-image{width:40px;height:40px;border-radius:4px;overflow:hidden}.uq-product-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.uq-product-details{flex:1}.uq-product-name{font-weight:500;font-size:20px;color:#333;margin-bottom:.25rem}.uq-product-description{color:#777;font-size:1rem}.uq-product-amount{font-weight:600;font-size:20px;color:#0a0a0a}.uq-subtotal-row,.uq-discount-row,.uq-tax-row{display:flex;justify-content:space-between;padding:.5rem 0;color:#333;font-weight:600;font-size:20px}.uq-discount-row{align-items:center}.uq-discount-label{display:flex;align-items:center}.uq-discount-icon{width:16px;height:16px;background-color:#e6f7ff;border-radius:50%;margin-right:6px;display:inline-block;position:relative}.uq-discount-icon:before{content:"%";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#0084ff}.uq-discount-amount{color:#0084ff}.uq-tax-row{align-items:center}.uq-tax-label{display:flex;align-items:center;font-size:20px}.uq-info-icon{width:16px;height:16px;background-color:#f0f0f0;border-radius:50%;margin-left:6px;display:inline-block;position:relative}.uq-info-icon:before{content:"?";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#777}.uq-calculate-tax{color:#737373;text-decoration:none;font-size:20px;position:relative}.uq-calculate-tax:after{content:">";margin-left:6px;font-size:.8rem}.uq-total-amount{font-weight:600}.uq-see-less,.uq-see-details{text-align:center;margin-top:1rem}.uq-see-less a,.uq-see-details a{color:#0084ff;text-decoration:none;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center}.uq-see-less-icon,.uq-see-details-icon{display:inline-block;width:10px;height:10px;margin-left:4px;position:relative}.uq-see-less-icon:after{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #0084ff;top:50%;left:50%;transform:translate(-50%,-50%)}.uq-see-details-icon:after{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #0084ff;top:50%;left:50%;transform:translate(-50%,-50%)}.uq-discount-row .uq-discount-label{background-color:#e6f7ff;padding:.3rem .7rem;border-radius:100px;font-size:.85rem;color:#0084ff}.uq-discount-row .uq-discount-icon{display:none}@media(max-width:768px){.uq-summary-title{font-size:20px;font-weight:600;margin-bottom:1rem;color:#0a0a0a}.uq-summary-content{padding:1.2rem}.uq-product-row{margin-bottom:1rem}.uq-product-image{width:40px;height:40px}.uq-product-name{font-size:14px}.uq-product-description{font-size:12px}.uq-tax-label{font-size:14px}.uq-subtotal-row,.uq-discount-row,.uq-tax-row,.uq-total-row{font-size:14px;font-weight:700}.uq-see-less,.uq-see-details{margin-bottom:.5rem}.uq-see-less a,.uq-see-details a{font-size:15px}}.uq-right-section{flex:1;padding:2rem 0;background-color:#fff;display:flex;flex-direction:column}.uq-google-pay-button{height:50px;background-color:#000;color:#fff;border:1px solid #3c4043;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:500;cursor:pointer;letter-spacing:.3px;width:100%;margin-bottom:.75rem;gap:8px;transition:background-color .15s ease}.uq-google-pay-button:hover{background-color:#1a1a1a}.uq-google-pay-button:disabled{opacity:.6;cursor:not-allowed}.uq-apple-pay-button-wrap{margin-bottom:.75rem}apple-pay-button{display:block;--apple-pay-button-width: 100%;--apple-pay-button-height: 50px;--apple-pay-button-border-radius: 12px}.uq-google-logo{width:20px;height:20px;flex-shrink:0}.uq-wallet-buttons{display:flex;flex-direction:column;margin-bottom:.25rem}.uq-payment-divider{position:relative;text-align:center;margin:1.5rem 0}.uq-payment-divider span{background-color:#fff;padding:0 1rem;color:#666;font-size:1rem;position:relative;z-index:1}.uq-payment-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#cfcfcf}.uq-payment-method-wrapper{border:1px solid #e0e0e0;border-bottom:none}.uq-payment-method-wrapper:last-child{border-bottom:1px solid #e0e0e0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.uq-payment-method-wrapper:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.uq-payment-method-header{display:flex;align-items:center;padding:1rem;cursor:pointer;transition:all .2s ease}.uq-card-brands{display:flex;align-items:center;gap:4px}.uq-card-icon,.uq-klarna-icon,.uq-afterpay-icon,.uq-card-alt-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background-color:#fff}.uq-card-icon img[alt]{font-size:0;color:transparent;overflow:hidden}.uq-klarna-icon{background-color:#ffb3d9;color:#9e005d;font-weight:700;font-size:16px}.uq-afterpay-icon{background-color:#b2dfdb;color:#00695c;font-weight:700;font-size:16px}.uq-method-content{padding:0 1.5rem 2rem}.uq-form-group label{margin-bottom:.5rem;font-size:14px;color:#222;font-weight:600}.uq-input-container{position:relative}.uq-form-group input,.uq-form-group select,.uq-form-group textarea{width:100%;padding:12px;margin-bottom:8px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .2s;box-sizing:border-box;background-color:#fff;color:#222}.uq-form-group input:focus,.uq-form-group select:focus,.uq-form-group textarea:focus{border-color:#1a73e8;outline:none}.uq-form-group input:disabled,.uq-form-group select:disabled,.uq-form-group textarea:disabled{border-color:#e0e0e0;background-color:#f5f5f5!important;outline:none}.uq-card-icons{position:absolute;right:12px;top:44%;transform:translateY(-50%);display:flex;gap:8px}.uq-card-error{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.uq-visa-icon,.uq-mastercard-icon,.uq-jcb-icon,.uq-amex-icon,.uq-unionpay-bg-icon{display:flex;align-items:center;justify-content:center;height:22px;width:36px;border-radius:4px;border:1px solid var(--Tailwind-Neutral-Neutral-200-E5E5E5, #E5E5E5);background:#fff;box-sizing:border-box;padding:0}.uq-visa-icon img,.uq-mastercard-icon img,.uq-jcb-icon img,.uq-amex-icon img,.uq-unionpay-bg-icon img{max-height:100%;max-width:100%;object-fit:contain;display:block}.uq-form-row{display:flex;gap:.5rem}.uq-form-group.uq-half{flex:1}.uq-security-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.uq-pay-button{width:100%;padding:16px;background-color:#0177fd;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.uq-pay-button:hover{background-color:#0177fd;opacity:.85}.uq-button-refresh{-webkit-box-pack:center;-webkit-box-align:center;width:auto;height:40px;padding:8px 16px;white-space:nowrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;border-width:0px;border-style:none;text-decoration:none;font-size:14px;font-weight:700;font-family:inherit;box-shadow:none;cursor:pointer;background:#0177fd;display:flex;padding:var(--Components-Button-Spacing-Y-SM, 10px) var(--Components-Button-Spacing-X-SM, 12px);justify-content:center;align-items:center;gap:var(--Utilities-Spacing-2, 8px);color:#fff;z-index:1000}.uq-refresh-icon{width:16px;height:16px;color:#fff}.uq-alt-payment-methods{margin-top:1.5rem}.uq-alt-payment-method{display:flex;align-items:center;padding:12px;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:8px;cursor:pointer}.uq-alt-payment-icon{margin-right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.uq-alt-payment-label{font-size:14px;color:#333}@media(max-width:768px){.uq-payment-container{flex-direction:column;width:100%;padding:0;margin-bottom:80px}.uq-left-section{padding:1.25rem;border-right:none;border-bottom:1px solid #e0e0e0}.uq-right-section{max-width:100%;padding:1.25rem}.uq-form-row{flex-direction:column;gap:0px}}.uq-qrcode-container{width:180px;height:180px;margin:0 auto 16px;background:url(/images/statue/qr-code-bg.svg) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}.uq-qrcode-container img{max-width:100%;max-height:100%}.uq-payment-error{background-color:#fee2e2;color:#991c1c;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px}.uq-payment-waiting{background-color:#d9ebff;color:#015fca;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px}.uq-card-go{display:flex;align-items:center;border-radius:6px;margin:16px 0}.uq-card-go img{width:36px;height:36px;margin-right:8px}.uq-card-go span{font-size:14px;color:#6c757d}.uq-pay-button:disabled{background-color:#0073e6!important;opacity:.8;cursor:not-allowed}.uq-payment-expired{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa}.uq-expired-message{text-align:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:40px;max-width:450px;width:100%}.uq-expired-message h2{color:#e74c3c;margin-bottom:16px;font-size:24px}.uq-expired-message p{color:#555;margin-bottom:24px;line-height:1.5}.uq-return-button{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:16px;cursor:pointer;transition:background-color .3s}.uq-return-button:hover{background-color:#2980b9}.uq-payment-success{background-color:#e8f5e9;color:#2e7d32;padding:20px;border-radius:4px;margin-bottom:16px;text-align:center;border-left:4px solid #2e7d32}.uq-payment-success h3{font-size:18px;margin-bottom:8px;font-weight:600}.uq-payment-success p{font-size:14px;margin:0}.uq-loading-button{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 2s linear infinite;position:relative;margin-right:8px}.uq-loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid #fff;border-radius:50%;border-top-color:#686767;animation:spin 2s linear infinite;position:relative}.uq-button-content{display:flex;align-items:center;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.uq-input-error{border:1px solid #f44336!important;background-color:#f443360d}.uq-error-message{color:#f44336;font-size:12px}.uq-radio-button{margin-right:16px;display:flex;align-items:center;justify-content:center}.uq-radio-button input[type=radio]{width:16px;height:16px;cursor:pointer}.uq-saved-card-section{margin-bottom:16px}.uq-saved-card-list{display:flex;flex-direction:column;gap:10px}.uq-saved-card-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.uq-saved-card-selected{border-color:#0177fd;box-shadow:0 0 0 1px #0177fd}.uq-saved-card-expired{color:#6b7280}.uq-saved-card-main,.uq-use-new-card{display:flex;align-items:center;gap:12px;min-width:0}.uq-saved-card-main input,.uq-use-new-card input,.uq-save-card-checkbox input{width:18px;height:18px;margin:0}.uq-saved-card-brand{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;color:#222;font-size:11px;font-weight:700;line-height:1;text-align:center;text-transform:uppercase}.uq-saved-card-copy{display:flex;min-width:0;flex-direction:column;gap:4px;color:#222}.uq-saved-card-number{font-variant-numeric:tabular-nums;letter-spacing:.2px}.uq-saved-card-copy span:last-child{color:#888;font-size:14px}.uq-saved-card-expired-label{color:#e6534f}.uq-saved-card-actions{display:flex;align-items:center;gap:8px}.uq-saved-card-icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #d1d5db;border-radius:7px;background:#fff;cursor:pointer;font-size:16px;line-height:1}.uq-saved-card-icon-button:focus,.uq-saved-card-icon-button:focus-visible{outline:none;border-color:#0177fd;box-shadow:0 0 0 3px #0177fd24}.uq-saved-card-icon-button:disabled{cursor:not-allowed;opacity:.55}.uq-saved-card-renew{grid-column:1 / -1;display:grid;grid-template-columns:minmax(96px,1fr) 34px 34px;gap:8px}.uq-saved-card-renew input{margin-bottom:0}.uq-saved-card-renew button,.uq-saved-card-billing-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:7px;background:#fff;cursor:pointer;line-height:1}.uq-saved-card-renew button:focus,.uq-saved-card-renew button:focus-visible,.uq-saved-card-billing-actions button:focus,.uq-saved-card-billing-actions button:focus-visible{outline:none;border-color:#0177fd;box-shadow:0 0 0 3px #0177fd24}.uq-use-new-card{grid-template-columns:none}.uq-use-new-card-plus{color:#6b7280;font-size:22px;line-height:1}.uq-saved-card-selected-details{display:flex;flex-direction:column;gap:16px}.uq-saved-card-billing-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.uq-saved-card-billing-header .uq-label{margin:0}.uq-billing-edit-button{border:0;background:transparent;color:#0177fd;cursor:pointer;font-size:14px}.uq-saved-card-billing-summary{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;color:#888}.uq-saved-card-billing-summary strong{color:#222}.uq-saved-card-billing-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.uq-saved-card-billing-actions button{padding:10px 12px}.uq-remove-card-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000052}.uq-remove-card-modal{width:min(420px,100%);padding:24px;border-radius:8px;background:#fff;box-shadow:0 18px 48px #0000002e}.uq-remove-card-modal h3{margin:0 0 10px;color:#222;font-size:18px;font-weight:600}.uq-remove-card-modal p{margin:0;color:#666;font-size:14px;line-height:1.5}.uq-remove-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.uq-remove-card-actions button{min-width:96px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#222;cursor:pointer}.uq-remove-card-actions .uq-remove-card-confirm{border-color:#111827;background:#111827;color:#fff}.uq-saved-card-toast{position:fixed;right:24px;bottom:24px;z-index:1001;display:flex;align-items:center;gap:16px;max-width:min(420px,calc(100vw - 48px));padding:14px 16px;border-radius:8px;background:#111827;color:#fff;box-shadow:0 12px 30px #00000038;font-size:14px}.uq-saved-card-toast button{border:0;background:transparent;color:#9cc2ff;cursor:pointer;font-weight:600}.uq-save-card-checkbox{display:flex;align-items:center;gap:10px;margin:8px 0 16px;color:#333;font-size:14px}@media(max-width:768px){.uq-hide-mobile{display:none}.uq-saved-card-item{grid-template-columns:1fr}.uq-saved-card-actions{justify-content:flex-end}}.uq-pay-button-mobile{display:none}@media(max-width:768px){.uq-pay-button-mobile{display:block;margin-top:20px;position:fixed;bottom:0;left:0;right:0;padding:16px;background-color:#fff;box-shadow:0 -2px 10px #0000001a;z-index:100}}.uq-desktop-pay-button{margin-top:24px}@media(max-width:768px){.uq-desktop-pay-button,.uq-hide-mobile{display:none}}.uq-select-container{position:relative;display:block;width:100%}.uq-card-details h2{font-size:16px;font-weight:500;margin:16px 0 8px;color:#333}.uq-collapsible-methods{border-radius:8px;overflow:hidden;margin-bottom:16px}.uq-payment-method-icon{margin-right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.uq-payment-method-label{flex:1;color:var(--Tailwind-Neutral-Neutral-950-0A0A0A, #0A0A0A);font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.uq-payment-method-header:hover{background-color:#f9f9f9}.uq-radio-button input[type=radio]{width:18px;height:18px;cursor:pointer;border:2px solid #ddd;border-radius:50%;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;position:relative}.uq-radio-button input[type=radio]:checked{border-color:#0073e6}.uq-radio-button input[type=radio]:checked:after{content:"";width:10px;height:10px;background-color:#0073e6;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uq-mobile-method-selected{padding:15px;text-align:center;background-color:#f8f9fa;border-top:1px solid #eee}.uq-mobile-method-selected p{margin:0;font-size:14px;color:#666}.uq-language-button{display:flex;align-items:center;border-radius:var(--Components-Badge-Border-Radius, 6px);border:1px solid var(--Components-Badge-Border-Color, #E5E7EB);background:var(--Components-Badge-White-Bg-Color, #FFF);box-shadow:0 1px 2px #0000000d;padding:11px 10px;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease}.uq-language-button:hover{background-color:#f1f3f5}.lang-flag{align-items:center;display:flex;justify-content:center;margin-right:4px;width:16px;height:16px}.lang-flag img{display:inline-block;width:16px;height:16px;object-fit:cover;vertical-align:middle;margin-left:0!important}.lang-text{margin-right:4px;display:flex;align-items:center;justify-content:center}.lang-arrow{font-size:10px;margin-left:auto;width:14px;height:14px}.uq-language-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;margin-top:5px}.uq-language-dropdown img{margin-left:0!important}.uq-language-dropdown ul{list-style:none;padding:0;margin:0}.uq-language-dropdown li{border-bottom:1px solid #f0f0f0}.uq-language-dropdown li:last-child{border-bottom:none}.uq-language-dropdown button{width:100%;text-align:left;background:transparent;border:none;padding:10px 15px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease}.uq-language-dropdown button:hover{background-color:#f8f9fa}.uq-language-dropdown button.active{background-color:#f0f7ff;color:#0073e6;font-weight:500}.lang-option-text{color:#000}.uq-header-right{display:flex;align-items:center;position:absolute;top:24px;right:48px}@media(max-width:768px){.uq-header-right{top:20px;right:24px}}.uq-footer{padding:8px;text-align:center}.uq-footer-content{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;color:#666;font-size:14px}.uq-footer-icon{display:flex;align-items:center;gap:5px;background-color:#fafafa;padding:4px 8px;border-radius:100px;font-size:12px}.uq-footer-icon img{width:16px;height:16px}.uq-footer-links{font-size:12px;color:#666}.uq-footer-links a{color:#666;text-decoration:none}.uq-footer-links a:hover{text-decoration:underline}.uq-footer-separator{margin:0 8px;color:#e0e0e0}.uq-crypto-supported-coins{font-size:14px;color:#555;margin-bottom:16px}.uq-crypto-compliance-notice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background-color:#fafafa;border-radius:12px;border:1px solid #e0e0e0;margin-bottom:20px;font-size:14px;color:#0177fd;line-height:1.5}.uq-crypto-compliance-notice>svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}.uq-crypto-compliance-notice strong{color:#0177fd;display:block;margin-bottom:2px}.uq-crypto-compliance-notice-icon{flex-shrink:0;font-size:16px}.uq-crypto-compliance-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#333}.uq-crypto-compliance-row{display:flex;gap:16px;margin-bottom:16px}.uq-crypto-compliance-field{flex:1;display:flex;flex-direction:column}.uq-crypto-compliance-field-full{width:100%;margin-bottom:16px;display:flex;flex-direction:column}.uq-crypto-compliance-field label,.uq-crypto-compliance-field-full label{font-size:13px;font-weight:500;margin-bottom:6px;color:#333}.uq-optional{color:#999;font-weight:400}.uq-crypto-compliance-field input,.uq-crypto-compliance-field select,.uq-crypto-compliance-field-full input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.uq-crypto-compliance-field input:focus,.uq-crypto-compliance-field select:focus,.uq-crypto-compliance-field-full input:focus{border-color:#4f46e5}.uq-crypto-compliance-field input.uq-input-error,.uq-crypto-compliance-field select.uq-input-error,.uq-crypto-compliance-field-full input.uq-input-error{border-color:#ef4444}.uq-field-error{font-size:12px;color:#ef4444;margin-top:4px}.uq-country-select{position:relative;display:flex;flex-direction:column}.uq-country-select input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.uq-country-select input:focus{border-color:#4f46e5}.uq-country-select input.uq-input-error{border-color:#ef4444}.uq-country-select-list{max-height:240px;overflow-y:auto;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000014;z-index:9999}.uq-country-select-item,.uq-country-select-item-selected,.uq-country-select-empty{padding:8px 12px;font-size:14px;color:#333;cursor:pointer}.uq-country-select-item:hover{background-color:#f5f5f5}.uq-country-select-item-selected{background-color:#eef2ff;color:#4f46e5}.uq-country-select-item-selected:hover{background-color:#e0e7ff}.uq-country-select-empty{color:#999;cursor:default}.uq-crypto-compliance-divider{display:flex;align-items:center;margin:20px 0 16px}.uq-crypto-compliance-divider:before,.uq-crypto-compliance-divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.uq-crypto-compliance-divider span{padding:0 16px;font-size:13px;color:#666;white-space:nowrap}.uq-crypto-identifier-options{display:flex;gap:12px;margin-bottom:8px}.uq-crypto-identifier-card{flex:1;padding:12px 14px;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:6px}.uq-crypto-identifier-card:hover{border-color:#0073e6}.uq-crypto-identifier-card-selected{border-color:#0073e6;background-color:#f0f7ff}.uq-crypto-identifier-number{font-size:12px;color:#999}.uq-crypto-identifier-card-selected .uq-crypto-identifier-number{color:#0073e6}.uq-crypto-identifier-label{font-size:13px;color:#333}.uq-crypto-identifier-card-selected .uq-crypto-identifier-label{color:#0073e6;font-weight:500}.uq-crypto-identifier-hint{display:block;margin-bottom:12px;font-size:12px;color:#999}.uq-crypto-identifier-hint-error{color:#ef4444}.uq-crypto-continue-btn{width:100%;padding:14px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:16px;transition:background-color .2s}.uq-crypto-continue-btn:hover{background-color:#4338ca}.uq-crypto-edit-info{margin-bottom:12px}.uq-crypto-edit-info a{color:#0177fd;cursor:pointer;font-size:13px;text-decoration:none}.uq-crypto-edit-info a:hover{text-decoration:underline}@media(max-width:768px){.uq-crypto-compliance-row{flex-direction:column;gap:12px}.uq-crypto-identifier-options{flex-direction:column;gap:8px}.uq-crypto-identifier-card{flex-direction:row;align-items:center;gap:10px}}.uq-payment-page{min-height:100vh}.uq-payment-page.loading{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.static-code-main{display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:#f9fafb;padding:24px 16px 0;padding-bottom:max(4px,env(safe-area-inset-bottom,0px) + 16px);overflow-x:hidden;overflow-y:hidden;box-sizing:border-box}.static-code-loading-container{width:86px;height:86px;display:flex;justify-content:center;align-items:center}.static-code-header{display:flex;align-items:center;margin-bottom:24px}.static-code-logo{width:24px;height:24px}.static-code-merchant-name{font-weight:600;margin-left:8px;font-size:18px;color:#1a1a1a}.static-code-amount-section{margin-top:28px;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:12px;flex-shrink:0}.static-code-amount-label{display:block;font-weight:500;color:#374151;margin-bottom:16px}.static-code-amount-input-wrapper{margin-top:16px;height:60px;display:flex;align-items:center;gap:8px}.static-code-currency{display:flex;align-items:center;pointer-events:none}.static-code-currency-text{font-size:18px;font-weight:600}.static-code-amount-input{border-bottom:2px solid #d1d5db;border-top:none;border-left:none;border-right:none;width:100%;height:100%;padding-left:8px;padding-right:48px;font-size:28px;font-weight:400;background-color:transparent;outline:none;color:#1a1a1a}.static-code-amount-input:disabled{color:#000}.static-code-amount-input::placeholder{color:#9ca3af}.static-code-note-section{margin-top:8px;height:56px;background-color:#f5f5f5;border-radius:6px;flex-shrink:0}.static-code-note-input{width:100%;height:100%;padding-left:8px;padding-right:48px;font-size:16px;border:none;border-radius:6px;background-color:#f9fafb;outline:none}.static-code-note-input::placeholder{color:#9ca3af}.static-code-pay-button{padding:8px 16px;color:#fff;text-align:center;margin-top:auto;border-radius:6px;font-weight:600;cursor:pointer}.static-code-pay-button.active{background-color:#3b82f6}.static-code-pay-button.inactive{background-color:#9ca3af}.static-code-keypad-container{margin-top:auto;width:100%;flex-shrink:0;min-height:fit-content}.numeric-keypad-container{display:flex;flex-direction:row;gap:8px;width:100%;padding-bottom:8px}.numeric-keypad-main{flex:1;display:flex;flex-direction:column;gap:8px}.numeric-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px}.numeric-keypad-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.numeric-keypad-actions{display:flex;flex-direction:column;gap:8px;width:80px}.numeric-keypad-button{border:none;border-radius:12px;font-size:24px;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.numeric-keypad-button:active{transform:scale(.96)}.numeric-keypad-button:disabled{cursor:not-allowed;opacity:.6}.numeric-keypad-number{background-color:#fff;color:#1a1a1a;height:60px;min-height:60px;box-shadow:0 1px 3px #00000014;border:1px solid #f3f4f6}.numeric-keypad-number:hover{background-color:#f9fafb;box-shadow:0 2px 4px #0000001f}.numeric-keypad-number:active{background-color:#f3f4f6}.numeric-keypad-delete{background-color:#fff;color:#6b7280;height:60px;min-height:60px;box-shadow:0 1px 3px #00000014;border:1px solid #f3f4f6;display:flex;align-items:center;justify-content:center}.numeric-keypad-delete:hover{background-color:#f9fafb;color:#374151}.numeric-keypad-delete:active{background-color:#f3f4f6}.numeric-keypad-pay{flex:1;min-height:152px;color:#fff;font-weight:600;font-size:18px;box-shadow:0 2px 4px #0000001a;border:none}.numeric-keypad-pay-active{background-color:#3b82f6}.numeric-keypad-pay-active:hover{background-color:#2563eb;box-shadow:0 4px 8px #3b82f640}.numeric-keypad-pay-active:active{background-color:#1d4ed8;transform:scale(.98)}.numeric-keypad-pay-inactive{background-color:#d1d5db;cursor:not-allowed}.numeric-keypad-pay-inactive:active{transform:none}.static-code-loading-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:86px;height:86px;display:flex;justify-content:center;align-items:center;background-color:#1d212996;border-radius:12px;z-index:9999}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.5}.demo-app{min-height:100vh;display:flex;flex-direction:column}.demo-header{background-color:#4a89dc;color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a}.demo-header h1{margin:0;font-size:1.5rem}.demo-header nav{margin-top:1rem;display:flex;gap:1rem}.demo-header nav a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.demo-header nav a:hover{background-color:#ffffff1a}.demo-content{flex:1;padding:2rem;max-width:1200px;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:100%}.demo-footer{background-color:#f0f2f5;padding:1.5rem;text-align:center;font-size:.9rem;color:#666}.demo-card-container{display:flex;flex-direction:row;gap:1rem;justify-content:center;height:80vh}.home-page{max-width:800px;margin:0 auto;text-align:center}.home-page h2{margin-top:0;color:#333}.demo-cards{display:flex;gap:2rem;margin-top:2rem}.demo-card{flex:1;background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;transition:transform .2s,box-shadow .2s}.demo-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.demo-card h3{margin-top:0;color:#4a89dc}.demo-button{display:inline-block;background-color:#4a89dc;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;margin-top:1rem;transition:background-color .2s}.demo-button:hover{background-color:#3d7bcb}.checkout-success-page{max-width:600px;margin:0 auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000000d;text-align:center}.success-icon{font-size:4rem;color:#56cc9d;background-color:#56cc9d1a;width:100px;height:100px;line-height:100px;border-radius:50%;margin:0 auto 1.5rem}.payment-details{margin:2rem 0;text-align:left;border:1px solid #eee;border-radius:8px;padding:1.5rem}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #eee}.detail-row:last-child{border-bottom:none}.label{color:#888;font-size:.9rem}.status-paid{color:#56cc9d;font-weight:500}.actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.actions button{padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;border:none}.primary-button{background-color:#4a89dc;color:#fff}.primary-button:hover{background-color:#3d7bcb}.actions button:not(.primary-button){background-color:#f0f2f5;color:#666}.actions button:not(.primary-button):hover{background-color:#e5e7ea}.support-info{margin-top:3rem;color:#888;font-size:.9rem}.support-info a{color:#4a89dc;text-decoration:none}.error-container{max-width:600px;margin:2rem auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000000d;text-align:center}.error-container h2{color:#e74c3c;margin-top:0}@media(max-width:768px){.demo-cards{flex-direction:column}.demo-content{padding:1rem}.checkout-success-page{padding:1.5rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(/images/icons/chevron-down.svg);background-repeat:no-repeat;border-radius:8px;border:1px solid #ccc;padding:.25rem .5rem;font-size:1rem;color:#333;background-position:right .5rem center;background-size:16px;cursor:pointer}select:after{content:"";position:absolute;top:50%;right:.5rem;width:16px;height:16px;background-image:url(/images/icons/chevron-down.svg);background-repeat:no-repeat;border-top:none!important;border-top:none}.uq-label{font-size:16px;font-weight:600;color:#333;margin:8px 0}a:hover{text-decoration:none;color:#0377fd!important}#app{height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#2222;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(prefers-color-scheme:dark){:root{color:#2222;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}input[type=number],input[type=text],input[type=email],input[type=password],select,textarea{background-color:#fff!important;color:#222!important;color-scheme:light!important}}@keyframes spin{to{transform:rotate(360deg)}}
