/* Yalla Social v0.37.0 — annual SaaS billing choice */
.billing-cycle-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;border:1px solid #e5e1ef;border-radius:16px;background:#fbfaff}.billing-cycle-picker>span{grid-column:1/-1;font-size:10px;font-weight:900;letter-spacing:.1em;color:#675b7d;text-transform:uppercase}.billing-cycle-picker label{margin:0!important;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;padding:13px!important;border:1px solid #e5e1ef;border-radius:12px;background:#fff;cursor:pointer}.billing-cycle-picker label:has(input:checked){border-color:#8a45ee;background:#f7f1ff;box-shadow:0 0 0 3px #8a45ee12}.billing-cycle-picker input{width:auto!important;margin:0!important;grid-row:span 2}.billing-cycle-picker b{font-size:12px}.billing-cycle-picker small{color:#707890;font-size:10px}.plans32-annual{margin:12px 0 4px;padding:11px 12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.055)}.plans32-annual b,.plans32-annual span{display:block}.plans32-annual b{font-size:11px;color:#fff}.plans32-annual span{margin-top:4px;color:#a9b4d4;font-size:8px;line-height:1.5}@media(max-width:600px){.billing-cycle-picker{grid-template-columns:1fr}}
