.pm-modal{max-width:500px}@media (min-width:768px){.pm-modal:has(.pm--wide){max-width:780px}}.pm{text-align:center}.pm__head{flex-direction:column;align-items:center;padding-top:4px;display:flex}.pm__chip{background:var(--error-light);color:var(--primary);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.pm__chip svg{width:15px;height:15px}.pm__amount{letter-spacing:-.03em;margin-top:12px;font-size:34px;font-weight:800;line-height:1.1}.pm__amount-skeleton{border-radius:10px;width:160px;height:38px;margin-top:12px}.pm__meta{color:var(--gray-500);margin-top:6px;font-size:14px}.pm__layout{flex-direction:column;align-items:center;display:flex}.pm__info{display:contents}.pm__info>*{order:2}.pm__info>.pm__head{order:0}.pm__code{flex-direction:column;order:1;align-items:center;width:100%;margin-top:20px;display:flex}.pm__code-chip{display:none}.pm__code-waiting{aspect-ratio:1;border:1px dashed var(--border);border-radius:24px;place-items:center;width:260px;max-width:100%;display:grid}.pm__qr,.pm__qr-skeleton{border-radius:24px;width:260px;max-width:100%}.pm__qr-skeleton{aspect-ratio:1}.pm__qr{box-shadow:0 0 0 1px var(--border),0 22px 50px -26px #11182766;background:#fff;padding:20px;position:relative;overflow:hidden}.pm__qr img{aspect-ratio:1;width:100%;display:block}.pm__qr:after{content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--primary) 14%, transparent), transparent);pointer-events:none;height:48px;animation:2.8s ease-in-out infinite pm-scan;position:absolute;top:0;left:12px;right:12px}.pm__corner{border:3px solid var(--primary);z-index:1;width:26px;height:26px;position:absolute}.pm__corner--tl{border-bottom:0;border-right:0;border-top-left-radius:12px;top:8px;left:8px}.pm__corner--tr{border-bottom:0;border-left:0;border-top-right-radius:12px;top:8px;right:8px}.pm__corner--bl{border-top:0;border-right:0;border-bottom-left-radius:12px;bottom:8px;left:8px}.pm__corner--br{border-top:0;border-left:0;border-bottom-right-radius:12px;bottom:8px;right:8px}.pm__timer{width:260px;max-width:100%;margin:16px auto 0}.pm__timer-track{background:var(--gray-100,#eef0f3);border-radius:999px;height:4px;overflow:hidden}.pm__timer-track span{transform-origin:0;background:linear-gradient(90deg,#de2d43,#fd4a60);height:100%;transition:transform 1s linear;display:block}.pm__timer-text{color:var(--gray-500);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:600;display:inline-flex}.pm__timer-text svg{width:14px;height:14px}.pm__timer--ending .pm__timer-track span{background:linear-gradient(90deg,#d97706,#f59e0b)}.pm__timer--ending .pm__timer-text{color:var(--yellow)}.pm__status{background:var(--blue-light);color:var(--blue-dark);border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.pm__pulse{background:var(--blue);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.pm__pulse:after{content:"";background:var(--blue);border-radius:50%;animation:1.6s ease-out infinite pm-pulse;position:absolute;inset:0}.pm__steps{text-align:left;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.pm__steps li{background:var(--gray-50);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;line-height:1.35;display:flex}.pm__steps i{background:var(--white);width:32px;height:32px;box-shadow:0 0 0 1px var(--border);color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.pm__steps i svg{width:16px;height:16px}.pm__actions{flex-direction:column;align-self:stretch;align-items:center;gap:6px;margin-top:18px;display:flex}.pm__actions>.button{width:100%}.pm__link{color:var(--gray-500);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.pm__link svg{width:16px;height:16px}.pm__link:hover:not(:disabled){color:var(--text);background:var(--gray-50)}.pm__link:disabled{cursor:default;opacity:.7}.pm__hint{color:var(--gray-500);margin:14px 0 0;font-size:12.5px;line-height:1.5}.pm__processing{padding:22px 0 6px}.pm__processing h3{margin:18px 0 6px;font-size:18px;font-weight:700}.pm__processing p{max-width:380px;color:var(--gray-500);margin:0 auto;font-size:14px;line-height:1.5}.pm__spinner{background:var(--blue-light);width:72px;height:72px;color:var(--blue);border-radius:50%;place-items:center;margin:0 auto;display:grid}.pm__spinner svg{width:32px;height:32px;animation:1s linear infinite pm-spin}.pm-result{--tone:var(--blue);--tone-gradient:linear-gradient(315deg, #1e40af, #3b82f6);text-align:center;padding-top:34px}.pm-result--success{--tone:#10b981;--tone-gradient:linear-gradient(315deg, #059669, #10b981)}.pm-result--danger{--tone:var(--primary);--tone-gradient:linear-gradient(315deg, #de2d43, #fd4a60)}.pm-result--warning{--tone:#f59e0b;--tone-gradient:linear-gradient(315deg, #d97706, #f59e0b)}.pm-result__badge{width:84px;height:84px;margin:0 auto 20px;position:relative}.pm-result__badge i{background:var(--tone-gradient);color:#fff;box-shadow:0 14px 30px -12px var(--tone);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.pm-result__badge i svg{width:38px;height:38px}.pm-result__ring{border:2px solid var(--tone);border-radius:50%;animation:2.4s ease-out infinite pm-ring;position:absolute;inset:0}.pm-result__ring--late{animation-delay:1.2s}.pm-result h2{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800;line-height:1.25}.pm-result p{max-width:400px;color:var(--gray-500);margin:8px auto 0;font-size:15px;line-height:1.5}.pm-result__details{background:var(--gray-50);text-align:left;border-radius:16px;gap:10px;margin:20px 0 0;padding:14px 16px;display:grid}.pm-result__details div{justify-content:space-between;gap:16px;font-size:14px;display:flex}.pm-result__details dt{color:var(--gray-500)}.pm-result__details dd{text-align:right;margin:0;font-weight:600}.pm-result__actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.pm-result__actions>*{flex:180px}@media (min-width:768px){.pm--wide{text-align:left}.pm--wide .pm__layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:32px;padding:8px 4px 4px;display:grid}.pm--wide .pm__head-chip{display:none}.pm--wide .pm__code-chip{justify-content:center;margin-bottom:18px;display:flex}.pm--wide .pm__amount,.pm--wide .pm__amount-skeleton{margin-top:0}.pm--wide .pm__info{flex-direction:column;align-items:flex-start;min-width:0;padding-right:28px;display:flex}.pm--wide .pm__code{order:0;margin-top:0}.pm--wide .pm__info{order:1}.pm--wide .pm__qr,.pm--wide .pm__qr-skeleton,.pm--wide .pm__code-waiting{width:280px}.pm--wide .pm__timer{text-align:center;width:100%}.pm--wide .pm__head{align-items:flex-start;padding-top:0}.pm--wide .pm__status{margin-top:16px}.pm--wide .pm__steps{width:100%;margin-top:16px}.pm--wide .pm__actions{flex-direction:row;justify-content:space-between;gap:12px;width:100%}.pm--wide .pm__actions>.button{flex:1;width:auto}.pm--wide .pm__hint{display:none}.pm--wide .pm__processing{padding:16px 0 0}.pm--wide .pm__processing h3{margin-top:0}.pm--wide .pm__processing p{margin:0}}@media (min-width:768px) and (max-height:720px){.pm--wide .pm__qr,.pm--wide .pm__qr-skeleton,.pm--wide .pm__code-waiting{width:240px}.pm--wide .pm__layout{grid-template-columns:240px minmax(0,1fr)}.pm--wide .pm__steps li{padding:8px 12px}}@media (max-width:540px){.pm__qr,.pm__qr-skeleton,.pm__code-waiting{width:220px}.pm__qr{padding:16px}.pm__code{margin-top:16px}.pm__steps{gap:6px;margin-top:14px}.pm__steps li{padding:8px 12px;font-size:13.5px}.pm__steps i{width:28px;height:28px}.pm__amount{font-size:30px}}@media (prefers-reduced-motion:reduce){.pm__qr:after,.pm__pulse:after,.pm-result__ring{animation:none;display:none}}@keyframes pm-scan{0%{transform:translateY(-48px)}to{transform:translateY(300px)}}@keyframes pm-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes pm-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}@keyframes pm-spin{to{transform:rotate(360deg)}}