.billing-cycle{width:fit-content;font:inherit;background:#e9edef;border:1px solid #dce3e6;border-radius:12px;flex-wrap:wrap;gap:4px;margin:28px auto 14px;padding:5px;display:flex}.billing-cycle button,.token-page .billing-cycle button{color:#637986;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:14px;display:flex}.billing-cycle button[aria-pressed=true],.token-page .billing-cycle button[aria-pressed=true]{color:#193c49;background:#fff;box-shadow:0 2px 7px #193c4910}.billing-cycle button:hover:not(:disabled),.token-page .billing-cycle button:hover:not(:disabled){color:#193c49;background:#ffffffb0}.billing-cycle button:focus-visible{outline-offset:3px;outline:2px solid #e2588e}.billing-cycle span{color:#3e7861;white-space:nowrap;background:#e5f1ea;border-radius:5px;padding:4px 6px;font-size:10px}.billing-cycle-note{text-align:center;color:#637986;margin:12px 0 24px;font-size:13px;line-height:1.6}@media (max-width:420px){.billing-cycle{box-sizing:border-box;width:100%}.billing-cycle button,.token-page .billing-cycle button{flex:1;gap:5px;padding:11px 8px;font-size:12px}.billing-cycle span{padding:4px;font-size:9px}}