#socialDialog:has(.payment-checkout)>.modal-card{border-color:#6252a3;background:radial-gradient(at 100% 100%,#58217026,transparent 50%),var(--panel);box-shadow:0 0 28px #4a56cb1f}.payment-checkout{text-align:left;display:flex;flex-direction:column;gap:22px;min-width:0}.payment-checkout>h3{margin:0}.purchase-hero{position:relative;display:flex;align-items:center;gap:20px;padding:22px;border:1px solid #5845ac;border-radius:22px;background:radial-gradient(at 0 0,#116da950,transparent 55%),radial-gradient(at 100% 100%,#8b2be94d,transparent 70%),#101a37;overflow:hidden}.purchase-hero-copy{flex:1;min-width:0}.purchase-hero h3{margin:0 0 8px;font-size:24px;overflow-wrap:anywhere}.purchase-hero p{line-height:1.5;margin-bottom:0}.purchase-art{width:112px;height:112px;flex:0 0 112px;display:grid;place-items:center;border-radius:20px;border:1px solid #4d3e83;background:#10152d}.purchase-art .reward-art{width:96px;height:96px}.purchase-symbol .bits-icon{width:62px;height:62px}.purchase-kind{font-size:11px;letter-spacing:.08em;font-weight:800;color:#7cabff;border:1px solid #3052a3;border-radius:20px;padding:5px 10px;display:inline-block}.purchase-cost{position:absolute;right:18px;top:18px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #7b52bf;border-radius:30px;background:#0b102ccb;font-size:15px}.purchase-hero-copy{padding-top:28px}.purchase-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:30px;background:#0b1425;padding:4px;gap:6px}.purchase-tabs button{min-height:52px;border:0;border-radius:26px;background:transparent;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:10px;font-weight:800;font-family:inherit;font-size:17px;cursor:pointer}.purchase-tabs .active{background:linear-gradient(115deg,#05c9e7,#4658ff 55%,#ab38ef);color:white}.purchase-panel{border:1px solid #334772;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:16px;background:#0d172a88}.purchase-summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);padding:8px 0}.purchase-summary-row+ .purchase-summary-row{border-top:1px solid var(--line)}.purchase-summary-row strong{color:var(--text,#f0f3ff)}.purchase-panel .bits-buy-actions{width:100%;gap:14px;align-items:stretch}.purchase-panel .btn{min-height:50px}.purchase-panel .primary{background:linear-gradient(115deg,#05bfe4,#465aff 55%,#a434eb)}.purchase-alternative{display:flex;align-items:center;gap:14px;justify-content:center;color:var(--muted);font-size:14px}.purchase-alternative:before,.purchase-alternative:after{content:'';flex:1;height:1px;background:var(--line)}.purchase-creator{display:flex;gap:18px;align-items:center;padding:20px;border:1px solid #7251bd;border-radius:20px;background:linear-gradient(120deg,#14224c,#35164a55)}.purchase-creator h3{margin:0;font-size:18px}.purchase-creator p{margin:8px 0 0;color:var(--muted);line-height:1.5;font-size:14px}.purchase-creator b{color:#ab99ff}.purchase-creator-icon{font-size:38px;line-height:1;color:#ba8cff}.payment-checkout .bits-subscription{margin:0;text-align:left}.payment-checkout .bits-buy-actions{margin:0}.payment-checkout #bitsPaymentStatus{margin:0}.payment-checkout>.btn{align-self:stretch}.payment-checkout label{margin:0!important}.payment-checkout .bits-price{margin:0}.payment-checkout .purchase-tabs button[aria-pressed=true]{cursor:default}body[data-theme=light] .purchase-panel,body[data-theme=light] .purchase-tabs{background:#f3f6ff}body[data-theme=light] .purchase-hero,body[data-theme=light] .purchase-creator{color:#fff}body[data-theme=light] .purchase-tabs button:not(.active){color:#354c70}@media(max-width:560px){.purchase-hero{padding:16px;gap:14px}.purchase-art{width:84px;height:84px;flex-basis:84px}.purchase-art .reward-art{width:74px;height:74px}.purchase-hero h3{font-size:20px}.purchase-hero-copy p{font-size:12px}.purchase-hero-copy{padding-top:34px}.purchase-cost{font-size:12px;top:12px;right:12px}.purchase-cost .bits-icon{width:18px;height:18px}.purchase-panel{padding:16px}.payment-checkout{gap:18px}.purchase-creator{padding:16px;gap:12px}}@media(prefers-reduced-motion:reduce){.purchase-hero{animation:none}}

.purchase-panel>#payWithUSDC{align-self:stretch;width:100%;min-height:52px;display:flex;justify-content:center;gap:12px}