/* Robux payment choice, matched to the existing Framewisp pricing cards. */
.fw-payment-picker{display:flex;flex-direction:column;align-items:center;gap:12px;margin:30px auto 34px;max-width:720px;text-align:center}
.fw-payment-switch{display:inline-flex;gap:24px;padding:0;background:none;border:0;border-radius:0}
.fw-payment-option{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#8e86a3;font:500 14px Onest,Inter,sans-serif;cursor:pointer;transition:color .18s,border-color .18s}
.fw-payment-option[aria-pressed="true"]{border-bottom-color:#ded8eb;color:#f0eafa}
.fw-payment-option:hover{color:#fff}
.fw-payment-option:focus-visible,.bb-cur-b:focus-visible,.fw-price-cta:focus-visible{outline:3px solid #c4b5fd;outline-offset:4px}
.fw-payment-caption{margin:0;color:#a79fbd;font:400 13px/1.65 Onest,Inter,sans-serif;text-wrap:balance}
.fw-payment-caption small{display:block;color:#81768f;font-size:12px;margin-top:3px}
.fw-robux-icon{width:1.05em;height:1.05em;display:inline-block;flex:none;vertical-align:-.14em;fill:currentColor}
.fw-payment-option .fw-robux-icon,.bb-cur-b .fw-robux-icon{width:18px;height:18px}
.bb-cur-b[data-cur="ROBUX"]{display:inline-flex;align-items:center;gap:5px}
.bb-cur-b[data-cur="ROBUX"].on{border-color:#6d46a9;color:#f0eafa;background:#2a1e43}
html[data-fw-payment="ROBUX"] .fw-price-amount{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(34px,3.4vw,45px)!important;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.035em}
html[data-fw-payment="ROBUX"] .fw-price-amount .fw-robux-icon{width:32px;height:32px;color:#a5e6bd}
html[data-fw-payment="ROBUX"] .fw-price-amount .fw-price-period{font-size:13px;color:#91879f;letter-spacing:0;margin-left:0;white-space:normal;max-width:47px;line-height:1.25;text-align:left}
html[data-fw-payment="ROBUX"] .fw-price-note{min-height:40px}
html[data-fw-payment="ROBUX"] .fw-price-life .fw-price-details,html[data-fw-payment="ROBUX"] .fw-price-life .fw-life-sales{display:none!important}
html[data-fw-payment="ROBUX"] .fw-price-cta{display:flex!important;align-items:center;justify-content:center;gap:8px}
.fw-price-cta .fw-robux-icon{width:17px;height:17px}
html[data-fw-payment="ROBUX"] .bb-plan b{display:inline-flex;align-items:center;gap:5px;font-size:17px}
html[data-fw-payment="ROBUX"] .bb-plan .fw-robux-icon{width:16px;height:16px}
html[data-fw-payment="ROBUX"] .fw-checkout-payment .fw-email-label,html[data-fw-payment="ROBUX"] .fw-checkout-payment .bb-email,html[data-fw-payment="ROBUX"] .fw-checkout-payment .bb-promo,html[data-fw-payment="ROBUX"] #bb-paypal{display:none!important}
html[data-fw-payment="ROBUX"] #bb-life-before,html[data-fw-payment="ROBUX"] #bb-life-discount,html[data-fw-payment="ROBUX"] #bb-life-savings{display:none!important}
html[data-fw-payment="ROBUX"] .fw-payment-actions{grid-template-columns:1fr!important}
.fw-roblox-explainer{padding:14px 0 0;margin:4px 0 16px;border:0;border-top:1px solid #30283f;background:none;color:#a79fbd;font:400 13px/1.65 Onest,Inter,sans-serif}
.fw-roblox-explainer strong{display:block;color:#e1dbea;font-weight:600;margin-bottom:5px}
.fw-roblox-explainer p{margin:0}
[hidden].fw-roblox-explainer{display:none!important}
@media(max-width:700px){.fw-payment-picker{margin:24px 0 30px}.fw-payment-caption{max-width:340px}.bb-cur{flex-wrap:wrap!important}.bb-cur-note{flex-basis:100%;margin:4px 0 0!important}}
html[data-fw-payment="ROBUX"] .fw-original-3d #pricing-plans .fw-price-amount{grid-column:1/-1;justify-content:flex-start;gap:7px;font:700 clamp(34px,3.3vw,42px)/1 Onest,Inter,sans-serif!important;letter-spacing:-.04em}
html[data-fw-payment="ROBUX"] .fw-original-3d #pricing-plans .fw-price-amount .fw-price-period{font-size:12px!important;letter-spacing:0}
html[data-fw-payment="ROBUX"] .fw-original-3d #pricing-plans .fw-price-object,
html[data-fw-payment="ROBUX"] .fw-original-3d #pricing-plans .fw-price-year>.fw-price-object{grid-row:1;align-self:center;width:66px;height:66px;margin:-13px -2px 0 0!important}
