.order-cycle-toggle{align-items:center;gap:16px;display:inline-flex}.order-cycle-toggle__label{white-space:nowrap}.order-cycle-toggle__control{border:2px solid var(--color-steel-ink);background:var(--color-ink);cursor:pointer;border-radius:999px;align-items:center;width:56px;height:32px;padding:2px;display:inline-flex;position:relative}.order-cycle-toggle__control:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.order-cycle-toggle__thumb{background:var(--color-surface);border-radius:999px;width:24px;height:24px;transition:transform .15s;display:block}.order-cycle-toggle__control[data-state=monthly] .order-cycle-toggle__thumb{transform:translate(24px)}.order-cycle-toggle__discount{color:var(--color-brand)}