.billing-period.svelte-feopv2{border:1px solid hsl(var(--border));background:color-mix(in srgb, hsl(var(--card)) 60%, transparent);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:232px;padding:4px;display:grid;position:relative}.billing-period-indicator.svelte-feopv2{background:hsl(var(--primary));border-radius:10px;width:calc(50% - 4px);transition:transform .2s cubic-bezier(.22,1,.36,1);position:absolute;inset:4px auto 4px 4px;box-shadow:0 2px 5px #00000014}.billing-period[data-interval=year].svelte-feopv2 .billing-period-indicator:where(.svelte-feopv2){transform:translate(100%)}.billing-period-option.svelte-feopv2{cursor:pointer;position:relative}.billing-period-option.svelte-feopv2 span:where(.svelte-feopv2){min-height:42px;color:hsl(var(--muted-foreground));border-radius:10px;justify-content:center;align-items:center;padding:8px 24px;font-size:14px;font-weight:600;transition:color .15s;display:flex}.billing-period-option.svelte-feopv2 input:where(.svelte-feopv2):checked+span:where(.svelte-feopv2){color:hsl(var(--primary-foreground))}.billing-period-option.svelte-feopv2 input:where(.svelte-feopv2):focus-visible+span:where(.svelte-feopv2){outline:2px solid hsl(var(--ring));outline-offset:3px}.billing-period-option.svelte-feopv2:hover input:where(.svelte-feopv2):not(:checked)+span:where(.svelte-feopv2){color:hsl(var(--foreground))}@media (prefers-reduced-motion:reduce){.billing-period-indicator.svelte-feopv2,.billing-period-option.svelte-feopv2 span:where(.svelte-feopv2){transition:none}}