:where(.pg-orbs) .orbs{grid-template-columns:1fr 440px;align-items:start;gap:48px;display:grid}:where(.pg-orbs) .bal{background:var(--panel);border-radius:22px;align-items:center;gap:16px;padding:20px 22px;display:flex}:where(.pg-orbs) .bal b{letter-spacing:-.04em;font-size:32px;line-height:1}:where(.pg-orbs) .packs{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}:where(.pg-orbs) .packs button{background:var(--panel);text-align:left;border:0;border-radius:20px;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;display:flex;position:relative}:where(.pg-orbs) .packs button.on{box-shadow:inset 0 0 0 2px var(--fg);background:var(--panel2)}:where(.pg-orbs) .packs .big{letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1}:where(.pg-orbs) .packs .flag{position:absolute;top:14px;right:14px}:where(.pg-orbs) .co{background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);border-radius:24px;flex-direction:column;gap:16px;padding:24px;display:flex;position:relative}:where(.pg-orbs) .sum{flex-direction:column;gap:8px;font-size:14px;display:flex}:where(.pg-orbs) .sum div{justify-content:space-between;display:flex}:where(.pg-orbs) .sum .tot{border-top:1px solid var(--line);padding-top:10px;font-size:16px}:where(.pg-orbs) .or{color:var(--t2);align-items:center;gap:12px;font-size:13px;display:flex}:where(.pg-orbs) .or:before,:where(.pg-orbs) .or:after{content:"";background:var(--line);flex:1;height:1px}:where(.pg-orbs) .pay{background:var(--acc);color:#fff;height:52px;font:700 16px var(--font-sans), system-ui;cursor:pointer;border:0;border-radius:12px;position:relative}:where(.pg-orbs) .pay.busy{color:#0000;pointer-events:none}:where(.pg-orbs) .pay.busy:after{content:"";border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:22px;height:22px;margin:-11px;animation:.7s linear infinite pg-orbs-spin;position:absolute;top:50%;left:50%}@keyframes pg-orbs-spin{to{transform:rotate(360deg)}}:where(.pg-orbs) .pow{color:var(--t3);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}:where(.pg-orbs) .pow b{letter-spacing:-.02em;color:var(--t2);font:800 13px system-ui,sans-serif}:where(.pg-orbs) .pow a{text-underline-offset:2px;text-decoration:underline}:where(.pg-orbs) .ok{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:12px 0 4px;display:none}:where(.pg-orbs) .ok__ic{width:64px;height:64px;color:var(--ok);background:#2e9a6a24;border-radius:50%;place-items:center;animation:.4s cubic-bezier(.2,.8,.2,1) both pg-orbs-pop;display:grid}@keyframes pg-orbs-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}:where(.pg-orbs) .co.done .ok{display:flex}:where(.pg-orbs) .co.done .pay-form{display:none}:where(.pg-orbs) .demo{color:var(--t3);text-align:center;font-size:12px}:where(.pg-orbs) .demo button{color:var(--t2);font:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:899px){:where(.pg-orbs) .orbs{grid-template-columns:1fr;gap:20px}:where(.pg-orbs) .packs{gap:10px}:where(.pg-orbs) .packs button{padding:16px}:where(.pg-orbs) .packs .big{font-size:24px}:where(.pg-orbs) .packs{row-gap:20px;padding-top:10px}:where(.pg-orbs) .packs .flag{color:#fff;box-shadow:0 0 0 3px var(--bg);background:#cc4a24;font-size:11px;top:-11px;right:10px}:where(.pg-orbs) .co{padding:18px;position:relative;top:0}}:where(.pg-orbs) .packs button:disabled{opacity:.5;cursor:not-allowed}
