.plans-interval{display:block}.plans-interval .iv-radio{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.plans-interval .iv-switch{border:0;flex-wrap:wrap;gap:8px;margin:0 0 16px;display:inline-flex}.plans-interval .iv-switch label{box-sizing:border-box;cursor:pointer;min-height:44px;color:var(--text);background:var(--fill);border-radius:999px;align-items:baseline;gap:4px;padding:12px 16px;font-size:15px;display:inline-flex}.plans-interval .iv-switch small{color:var(--muted);font-size:14px}#iv-month:checked~.iv-switch label[for=iv-month],#iv-year:checked~.iv-switch label[for=iv-year]{background:var(--brass);color:var(--on-brass);font-weight:600}#iv-year:checked~.iv-switch label[for=iv-year] small{color:var(--on-brass)}#iv-month:focus-visible~.iv-switch label[for=iv-month],#iv-year:focus-visible~.iv-switch label[for=iv-year]{outline:2px solid var(--brass);outline-offset:3px}#iv-month:checked~.plans .yr,#iv-year:checked~.plans .mo{display:none!important}