.billing-toggle{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9999px;grid-template-columns:1fr 1fr;width:8.75rem;padding:.125rem;display:grid;position:relative}.billing-toggle-thumb{background:var(--color-accent);width:calc(50% - .125rem);box-shadow:0 1px 4px color-mix(in srgb,var(--color-text)16%,transparent);border-radius:9999px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:.125rem;bottom:.125rem;left:.125rem}.billing-toggle-thumb.is-annual{transform:translate(100%)}.billing-toggle-option{z-index:1;min-height:28px;color:var(--color-muted);font-family:var(--font-sans);background:0 0;border:0;justify-content:center;align-items:center;gap:.2rem;padding:0 .375rem;font-size:12px;font-weight:600;line-height:16px;display:inline-flex;position:relative}.billing-toggle-option.is-active{color:var(--color-on-accent)}.billing-toggle-save{font-weight:700}@media (min-width:768px){.billing-toggle{width:11.5rem;padding:.25rem}.billing-toggle-thumb{width:calc(50% - .25rem);top:.25rem;bottom:.25rem;left:.25rem}.billing-toggle-option{min-height:32px;padding:0 .5rem}}@media (prefers-reduced-motion:reduce){.billing-toggle-thumb{transition:none}}