#sixdim-native-pay{box-sizing:border-box;width:288px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #e2e8e4;border-radius:8px;padding:22px 18px 18px;color:#252c28;background:#fff;text-align:center;font:13px/1.5 system-ui,sans-serif;box-shadow:0 16px 56px #0003;letter-spacing:0}
#sixdim-native-pay::backdrop{background:#16182066;backdrop-filter:blur(4px)}
#sixdim-native-pay h2{font-size:14px;font-weight:500;margin:12px 24px 6px;color:#5b655e}
#sixdim-native-pay .native-brand{display:block;width:140px;height:auto;aspect-ratio:35/8;object-fit:contain;margin:4px auto 0;transform:translateX(-5px)}
#sixdim-native-pay form{margin:0}
#sixdim-native-pay .native-close{position:absolute;right:12px;top:10px;width:32px;height:32px;padding:0;border:0;background:transparent;color:#73788a;font-size:24px;cursor:pointer}
#sixdim-native-pay .native-close:hover{background:#f1f5f2;color:#242d27;border-radius:4px}
#sixdim-native-pay .native-close:focus{outline:none;box-shadow:none}
#sixdim-native-pay .native-close:focus-visible{color:#242d27;text-decoration:underline;text-underline-offset:4px}
#sixdim-native-pay .native-product{margin:0;overflow-wrap:anywhere;font-size:13px;color:#78817b}
#sixdim-native-pay .native-amount{display:block;font-size:28px;font-weight:700;margin:6px 0 4px;line-height:1.3}
#sixdim-native-pay .native-qr{width:204px;height:204px;margin:6px auto}
#sixdim-native-pay .native-qr[hidden]{display:none}
#sixdim-native-pay .native-qr img{width:204px;height:204px;max-width:100%;object-fit:contain}
#sixdim-native-pay .native-status{color:#438052;margin:8px 0 6px;font-size:12px;overflow-wrap:anywhere}
#sixdim-native-pay .native-number{display:block;font-size:11px;color:#929a95;overflow-wrap:anywhere}
.native-confirmation .native-confirmation-brand{display:block;width:154px;height:auto;aspect-ratio:35/8;object-fit:contain;margin:0 0 22px}
.native-confirmation .native-confirm-button{background:#1aaf39!important;border-color:#1aaf39!important;color:#fff!important;min-height:44px}
.native-confirmation .native-confirm-button:hover{background:#169b32!important;border-color:#169b32!important}
.native-confirmation .native-confirm-button:disabled{opacity:.55;cursor:wait}
#membership-panel .plan.plan-unavailable{border-color:var(--line);color:var(--muted)}
#membership-panel .plan-unavailable .plan-header{background:var(--bg);color:var(--muted)}
#membership-panel .plan-unavailable .primary{background:#e4e6ec;color:#878b99;opacity:1;cursor:not-allowed}
#membership-panel .plan-unavailable .benefits svg{color:#a8abb5}
@media(max-width:320px){#sixdim-native-pay{padding:20px 10px 16px}}