.spx{text-align:left}.spx-toggle{display:flex;width:max-content;max-width:100%;margin:0 auto 24px;padding:4px;gap:2px;border-radius:999px;background:#151518;border:1px solid #2a2a2f}.spx-toggle button{min-height:40px;padding:0 16px;border-radius:999px;color:rgba(255,255,255,.6);font-size:13px;font-weight:600}.spx-toggle button small{font-size:11px;color:#8fe3c8}.spx-toggle button[aria-checked=true]{background:#2c2c32;color:#fff}.spx-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.spx-plan{border-radius:16px;padding:20px 20px 22px;border:1px solid #333;background:radial-gradient(ellipse at 30% 0,rgba(255,255,255,.12),transparent 60%),#0a0a0a}.spx-plan[data-hi="1"]{border-color:#7c5cff;background:radial-gradient(ellipse at 30% 0,rgba(124,92,255,.28),transparent 60%),#0a0a0f}.spx-plan h3{display:flex;align-items:center;gap:8px;height:24px;font-size:15px}.spx-plan h3 em{font-style:normal;font-size:11px;font-weight:500;background:rgba(255,255,255,.14);border-radius:8px;padding:3px 8px}.spx-price{margin-top:18px;font-size:24px;font-weight:600}.spx-price small{font-size:11px;font-weight:400;color:rgba(255,255,255,.7)}.spx-then{margin-top:2px;font-size:13px;font-weight:600}.spx-bill{margin-top:4px;font-size:11px;color:rgba(255,255,255,.6)}.spx-plan>a{display:flex;align-items:center;justify-content:center;height:36px;margin-top:16px;border-radius:12px;background:#fff;color:#111}.spx-coin,.spx-plan>a{font-size:12px;font-weight:600}.spx-coin{margin:16px 0 12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.spx-out{margin:-6px 0 10px;font-size:12px;color:rgba(255,255,255,.7)}.spx-plan ul{margin:0;padding:0;list-style:none}.spx-plan li{padding:4px 0;font-size:12px;color:rgba(255,255,255,.9)}.spx-fine,.spx-none{margin-top:16px;text-align:center;font-size:12px;color:rgba(255,255,255,.6)}@media (max-width:1099px){.spx-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.spx-plans{grid-template-columns:1fr}}[dir=rtl] .spx{text-align:right}